色変換

色変換 for #369EC7 の色

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

色空間

RGB54158199
HSL196.97°57.31%49.61%
HSV196.97°72.86%78.04%
CMYK72.86%20.6%0%21.96%
XYZ24.052829.358758.4209
Yxy29.35870.21510.2625
Hunter Lab54.1837-15.5837-25.973
CIE-Lab61.0969-16.0532-29.5915
CIE-LCH61.096933.6654241.5205
CIE-LUV61.0969-37.6784-43.9094

基数表記

BaseRedGreenBlue
Binary001101101001111011000111
Octal66236307
Decimal54158199
Hex369EC7

RGB比率

Red
21%
Green
62%
Blue
78%

CMYK比率

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

配色

#369EC7 の色 黒背景

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

#369EC7 の色 白背景

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

#369EC7 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系