DexBase Colors
#1663CE の色 壁 #1663CE Save image
色変換

色変換 for #1663CE の色

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

色空間

RGB2299206
HSL214.89°80.7%44.71%
HSV214.89°89.32%80.78%
CMYK89.32%51.94%0%19.22%
XYZ15.929213.548460.1561
Yxy13.54840.17770.1512
Hunter Lab36.808212.8333-71.0949
CIE-Lab43.578218.8668-61.3895
CIE-LCH43.578264.2233287.0837
CIE-LUV43.5782-21.753-92.4612

基数表記

BaseRedGreenBlue
Binary000101100110001111001110
Octal26143316
Decimal2299206
Hex1663CE

RGB比率

Red
9%
Green
39%
Blue
81%

CMYK比率

Cyan
89%
Magenta
52%
Yellow
0%
Black
19%
調和

配色

#1663CE の色 黒背景

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

#1663CE の色 白背景

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

#1663CE CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#1663CE の色UltramarineFulvousラベンダー mist
近い色

Similar colors

See 青系
Denim Denim #1560BD 青系 Sapphire Sapphire #0F52BA 青系 Bright navy 青 Bright navy blue #1974D2 青系 Brandeis 青 Brandeis blue #0070FF 青系 シアン cobalt 青 Cyan cobalt blue #28589C 青系 Yale 青 Yale Blue #0F4D92 青系 緑-青 Green-blue #1164B4 青系 Cobalt 青 Cobalt Blue #0047AB 青系 Bleu de france Bleu de France #318CE7 青系 B'dazzled 青 B'dazzled blue #2E5894 青系 Absolute zero Absolute zero #0048BA 青系 New car New Car #214FC6 青系