色変換

色変換 for #369ACE の色

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

色空間

RGB54154206
HSL200.53°60.8%50.98%
HSV200.53°73.79%80.78%
CMYK73.79%25.24%0%19.22%
XYZ24.213128.348962.5763
Yxy28.34890.21030.2462
Hunter Lab53.2437-12.0024-32.3846
CIE-Lab60.2026-11.4976-34.8986
CIE-LCH60.202636.7438251.7652
CIE-LUV60.2026-35.8737-53.1508

基数表記

BaseRedGreenBlue
Binary001101101001101011001110
Octal66232316
Decimal54154206
Hex369ACE

RGB比率

Red
21%
Green
60%
Blue
81%

CMYK比率

Cyan
74%
Magenta
25%
Yellow
0%
Black
19%
調和

配色

#369ACE の色 黒背景

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

#369ACE の色 白背景

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

#369ACE CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系