色変換
色変換 for #18348C の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 24 | 52 | 140 | |
|---|---|---|---|---|
| HSL | 225.52° | 70.73% | 32.16% | |
| HSV | 225.52° | 82.86% | 54.9% | |
| CMYK | 82.86% | 62.86% | 0% | 45.1% |
| XYZ | 6.3366 | 4.5429 | 25.3488 | |
| Yxy | 4.5429 | 0.1749 | 0.1254 | |
| Hunter Lab | 21.3141 | 15.7673 | -55.566 | |
| CIE-Lab | 25.3907 | 24.3335 | -51.6719 | |
| CIE-LCH | 25.3907 | 57.1148 | 295.2168 | |
| CIE-LUV | 25.3907 | -9.7224 | -64.9316 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00011000 | 00110100 | 10001100 |
| Octal | 30 | 64 | 214 |
| Decimal | 24 | 52 | 140 |
| Hex | 18 | 34 | 8C |
RGB比率
CMYK比率
濃い色 #18348C
淡い色 #18348C
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#18348C の色 黒背景
#18348C の色 サンプルテキスト
#18348C の色 白背景
#18348C の色 サンプルテキスト
#18348C CSSコード
.background { background-color: #18348C; }
.text { color: #18348C; }
.border { border: 3px solid #18348C; }
.shadow { box-shadow: 0 8px 28px rgba(24, 52, 140, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト11.01:1AAA
黒とのコントラスト1.91:1低い
Webセーフカラー#003399Near
輝度0.04540-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#18348C color
PortuguêsCor #18348C
EspañolColor #18348C
한국어#18348C 색상
日本語#18348C の色
中文#18348C 颜色
DeutschFarbe #18348C
FrançaisCouleur #18348C
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #18348C の色.
近い色
See 青系