色変換
色変換 for #162684 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 22 | 38 | 132 | |
|---|---|---|---|---|
| HSL | 231.27° | 71.43% | 30.2% | |
| HSV | 231.27° | 83.33% | 51.76% | |
| CMYK | 83.33% | 71.21% | 0% | 48.24% |
| XYZ | 5.1874 | 3.2221 | 22.1739 | |
| Yxy | 3.2221 | 0.1696 | 0.1054 | |
| Hunter Lab | 17.9502 | 20.1711 | -60.6471 | |
| CIE-Lab | 20.9123 | 30.5544 | -54.0258 | |
| CIE-LCH | 20.9123 | 62.0674 | 299.4904 | |
| CIE-LUV | 20.9123 | -6.7924 | -61.6471 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010110 | 00100110 | 10000100 |
| Octal | 26 | 46 | 204 |
| Decimal | 22 | 38 | 132 |
| Hex | 16 | 26 | 84 |
RGB比率
CMYK比率
濃い色 #162684
淡い色 #162684
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#162684 の色 黒背景
#162684 の色 サンプルテキスト
#162684 の色 白背景
#162684 の色 サンプルテキスト
#162684 CSSコード
.background { background-color: #162684; }
.text { color: #162684; }
.border { border: 3px solid #162684; }
.shadow { box-shadow: 0 8px 28px rgba(22, 38, 132, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト12.77:1AAA
黒とのコントラスト1.64:1低い
Webセーフカラー#003399Near
輝度0.03220-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#162684 color
PortuguêsCor #162684
EspañolColor #162684
한국어#162684 색상
日本語#162684 の色
中文#162684 颜色
DeutschFarbe #162684
FrançaisCouleur #162684
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #162684 の色.
近い色
See 青系