色変換
色変換 for #201EAA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 32 | 30 | 170 | |
|---|---|---|---|---|
| HSL | 240.86° | 70% | 39.22% | |
| HSV | 240.86° | 82.35% | 66.67% | |
| CMYK | 81.18% | 82.35% | 0% | 33.33% |
| XYZ | 8.3132 | 4.1369 | 38.3828 | |
| Yxy | 4.1369 | 0.1635 | 0.0814 | |
| Hunter Lab | 20.3394 | 37.3628 | -97.6059 | |
| CIE-Lab | 24.119 | 49.0191 | -72.112 | |
| CIE-LCH | 24.119 | 87.1953 | 304.2064 | |
| CIE-LUV | 24.119 | -5.8301 | -83.9177 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100000 | 00011110 | 10101010 |
| Octal | 40 | 36 | 252 |
| Decimal | 32 | 30 | 170 |
| Hex | 20 | 1E | AA |
RGB比率
CMYK比率
濃い色 #201EAA
淡い色 #201EAA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#201EAA の色 黒背景
#201EAA の色 サンプルテキスト
#201EAA の色 白背景
#201EAA の色 サンプルテキスト
#201EAA CSSコード
.background { background-color: #201EAA; }
.text { color: #201EAA; }
.border { border: 3px solid #201EAA; }
.shadow { box-shadow: 0 8px 28px rgba(32, 30, 170, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト11.49:1AAA
黒とのコントラスト1.83:1低い
Webセーフカラー#333399Near
輝度0.04140-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#201EAA color
PortuguêsCor #201EAA
EspañolColor #201EAA
한국어#201EAA 색상
日本語#201EAA の色
中文#201EAA 颜色
DeutschFarbe #201EAA
FrançaisCouleur #201EAA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #201EAA の色.
近い色
See 青系