色変換

色変換 for #1663C2 の色

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

色空間

RGB2299194
HSL213.14°79.63%42.35%
HSV213.14°88.66%76.08%
CMYK88.66%48.97%0%23.92%
XYZ14.526712.987452.7696
Yxy12.98740.18090.1618
Hunter Lab36.0388.8851-61.5563
CIE-Lab42.744314.1211-55.815
CIE-LCH42.744357.5736284.1978
CIE-LUV42.7443-22.1098-83.5759

基数表記

BaseRedGreenBlue
Binary000101100110001111000010
Octal26143302
Decimal2299194
Hex1663C2

RGB比率

Red
9%
Green
39%
Blue
76%

CMYK比率

Cyan
89%
Magenta
49%
Yellow
0%
Black
24%
調和

配色

#1663C2 の色 黒背景

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

#1663C2 の色 白背景

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

#1663C2 CSSコード

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

アクセシビリティ

白とのコントラスト5.84:1AA
黒とのコントラスト3.6:1大きな文字
Webセーフカラー#0066CCNear
輝度0.12990-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系