色変換

色変換 for #5494AE の色

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

色空間

RGB84148174
HSL197.33°35.71%50.59%
HSV197.33°51.72%68.24%
CMYK51.72%14.94%0%31.76%
XYZ21.883226.118843.9244
Yxy26.11880.23810.2841
Hunter Lab51.1066-13.0056-15.1633
CIE-Lab58.1496-13.1597-19.9345
CIE-LCH58.149623.8864236.5693
CIE-LUV58.1496-28.2408-28.2446

基数表記

BaseRedGreenBlue
Binary010101001001010010101110
Octal124224256
Decimal84148174
Hex5494AE

RGB比率

Red
33%
Green
58%
Blue
68%

CMYK比率

Cyan
52%
Magenta
15%
Yellow
0%
Black
32%
調和

配色

#5494AE の色 黒背景

#5494AE の色 サンプルテキスト

#5494AE の色 白背景

#5494AE の色 サンプルテキスト

#5494AE CSSコード

.background { background-color: #5494AE; }
.text { color: #5494AE; }
.border { border: 3px solid #5494AE; }
.shadow { box-shadow: 0 8px 28px rgba(84, 148, 174, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.37:1大きな文字
黒とのコントラスト6.22:1AA
Webセーフカラー#669999Near
輝度0.26120-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5494AE の色.

近い色

Similar colors

See 青系