色変換

色変換 for #369ECB の色

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

色空間

RGB54158203
HSL198.12°58.89%50.39%
HSV198.12°73.4%79.61%
CMYK73.4%22.17%0%20.39%
XYZ24.523329.546960.899
Yxy29.54690.21330.257
Hunter Lab54.3571-14.5949-28.3497
CIE-Lab61.2613-14.7129-31.5742
CIE-LCH61.261334.8339245.0155
CIE-LUV61.2613-37.451-47.3792

基数表記

BaseRedGreenBlue
Binary001101101001111011001011
Octal66236313
Decimal54158203
Hex369ECB

RGB比率

Red
21%
Green
62%
Blue
80%

CMYK比率

Cyan
73%
Magenta
22%
Yellow
0%
Black
20%
調和

配色

#369ECB の色 黒背景

#369ECB の色 サンプルテキスト

#369ECB の色 白背景

#369ECB の色 サンプルテキスト

#369ECB CSSコード

.background { background-color: #369ECB; }
.text { color: #369ECB; }
.border { border: 3px solid #369ECB; }
.shadow { box-shadow: 0 8px 28px rgba(54, 158, 203, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.04:1大きな文字
黒とのコントラスト6.91:1AA
Webセーフカラー#3399CCNear
輝度0.29550-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #369ECB の色.

近い色

Similar colors

See 青系