色変換
色変換 for #150B81 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 21 | 11 | 129 | |
|---|---|---|---|---|
| HSL | 245.08° | 84.29% | 27.45% | |
| HSV | 245.08° | 91.47% | 50.59% | |
| CMYK | 83.72% | 91.47% | 0% | 49.41% |
| XYZ | 4.39 | 1.9832 | 20.9161 | |
| Yxy | 1.9832 | 0.1609 | 0.0727 | |
| Hunter Lab | 14.0826 | 30.9991 | -78.1677 | |
| CIE-Lab | 15.3988 | 44.0559 | -61.2635 | |
| CIE-LCH | 15.3988 | 75.4595 | 305.7207 | |
| CIE-LUV | 15.3988 | -3.3224 | -56.8749 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010101 | 00001011 | 10000001 |
| Octal | 25 | 13 | 201 |
| Decimal | 21 | 11 | 129 |
| Hex | 15 | 0B | 81 |
RGB比率
CMYK比率
濃い色 #150B81
淡い色 #150B81
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#150B81 の色 黒背景
#150B81 の色 サンプルテキスト
#150B81 の色 白背景
#150B81 の色 サンプルテキスト
#150B81 CSSコード
.background { background-color: #150B81; }
.text { color: #150B81; }
.border { border: 3px solid #150B81; }
.shadow { box-shadow: 0 8px 28px rgba(21, 11, 129, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト15.04:1AAA
黒とのコントラスト1.4:1低い
Webセーフカラー#000099Near
輝度0.01980-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#150B81 color
PortuguêsCor #150B81
EspañolColor #150B81
한국어#150B81 색상
日本語#150B81 の色
中文#150B81 颜色
DeutschFarbe #150B81
FrançaisCouleur #150B81
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #150B81 の色.
近い色
See 青系