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

色変換 for #1663CC の色

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

色空間

RGB2299204
HSL214.62°80.53%44.31%
HSV214.62°89.22%80%
CMYK89.22%51.47%0%20%
XYZ15.687813.451858.8847
Yxy13.45180.17820.1528
Hunter Lab36.676712.1654-69.4796
CIE-Lab43.436318.079-60.4699
CIE-LCH43.436363.1147286.6454
CIE-LUV43.4363-21.8081-90.9993

基数表記

BaseRedGreenBlue
Binary000101100110001111001100
Octal26143314
Decimal2299204
Hex1663CC

RGB比率

Red
9%
Green
39%
Blue
80%

CMYK比率

Cyan
89%
Magenta
51%
Yellow
0%
Black
20%
調和

配色

#1663CC の色 黒背景

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

#1663CC の色 白背景

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

#1663CC CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

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

Similar colors

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