色変換

色変換 for #369AC0 の色

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

色空間

RGB54154192
HSL196.52°56.1%48.24%
HSV196.52°71.88%75.29%
CMYK71.88%19.79%0%24.71%
XYZ22.587527.698654.0149
Yxy27.69860.21660.2656
Hunter Lab52.6295-15.4936-23.9863
CIE-Lab59.6155-16.2249-27.9529
CIE-LCH59.615532.3205239.8675
CIE-LUV59.6155-36.6455-41.0241

基数表記

BaseRedGreenBlue
Binary001101101001101011000000
Octal66232300
Decimal54154192
Hex369AC0

RGB比率

Red
21%
Green
60%
Blue
75%

CMYK比率

Cyan
72%
Magenta
20%
Yellow
0%
Black
25%
調和

配色

#369AC0 の色 黒背景

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

#369AC0 の色 白背景

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

#369AC0 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系