色変換

色変換 for #369CD0 の色

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

色空間

RGB54156208
HSL200.26°62.1%51.37%
HSV200.26°74.04%81.57%
CMYK74.04%25%0%18.43%
XYZ24.790429.112463.975
Yxy29.11240.21030.247
Hunter Lab53.9559-12.4105-32.5029
CIE-Lab60.8807-11.9209-34.9594
CIE-LCH60.880736.936251.171
CIE-LUV60.8807-36.4681-53.2961

基数表記

BaseRedGreenBlue
Binary001101101001110011010000
Octal66234320
Decimal54156208
Hex369CD0

RGB比率

Red
21%
Green
61%
Blue
82%

CMYK比率

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

配色

#369CD0 の色 黒背景

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

#369CD0 の色 白背景

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

#369CD0 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系