色変換

色変換 for #1663AA の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB2299170
HSL208.78°77.08%37.65%
HSV208.78°87.06%66.67%
CMYK87.06%41.76%0%33.33%
XYZ12.045711.99539.7028
Yxy11.9950.1890.1882
Hunter Lab34.63381.473-43.6974
CIE-Lab41.20824.5638-44.2492
CIE-LCH41.208244.4839275.8886
CIE-LUV41.2082-23.0089-64.9824

基数表記

BaseRedGreenBlue
Binary000101100110001110101010
Octal26143252
Decimal2299170
Hex1663AA

RGB比率

Red
9%
Green
39%
Blue
67%

CMYK比率

Cyan
87%
Magenta
42%
Yellow
0%
Black
33%
調和

配色

#1663AA の色 黒背景

#1663AA の色 サンプルテキスト

#1663AA の色 白背景

#1663AA の色 サンプルテキスト

#1663AA CSSコード

.background { background-color: #1663AA; }
.text { color: #1663AA; }
.border { border: 3px solid #1663AA; }
.shadow { box-shadow: 0 8px 28px rgba(22, 99, 170, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.18:1AA
黒とのコントラスト3.4:1大きな文字
Webセーフカラー#006699Near
輝度0.120-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#1663AA color
PortuguêsCor #1663AA
EspañolColor #1663AA
한국어#1663AA 색상
日本語#1663AA の色
中文#1663AA 颜色
DeutschFarbe #1663AA
FrançaisCouleur #1663AA
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #1663AA の色.

近い色

Similar colors

See 青系