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

色変換 for #1563CE の色

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

色空間

RGB2199206
HSL214.7°81.5%44.51%
HSV214.7°89.81%80.78%
CMYK89.81%51.94%0%19.22%
XYZ15.907613.537360.1551
Yxy13.53730.17750.1511
Hunter Lab36.793112.7865-71.1435
CIE-Lab43.561918.8123-61.4167
CIE-LCH43.561964.2333287.0301
CIE-LUV43.5619-21.8241-92.4857

基数表記

BaseRedGreenBlue
Binary000101010110001111001110
Octal25143316
Decimal2199206
Hex1563CE

RGB比率

Red
8%
Green
39%
Blue
81%

CMYK比率

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

配色

#1563CE の色 黒背景

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

#1563CE の色 白背景

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

#1563CE CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#1563CE の色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 青系 緑-青 Green-blue #1164B4 青系 Yale 青 Yale Blue #0F4D92 青系 Cobalt 青 Cobalt Blue #0047AB 青系 Absolute zero Absolute zero #0048BA 青系 Bleu de france Bleu de France #318CE7 青系 B'dazzled 青 B'dazzled blue #2E5894 青系 New car New Car #214FC6 青系