色変換

色変換 for #5477A1 の色

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

色空間

RGB84119161
HSL212.73°31.43%48.04%
HSV212.73°47.83%63.14%
CMYK47.83%26.09%0%36.86%
XYZ16.683817.650636.2391
Yxy17.65060.23640.2501
Hunter Lab42.0126-2.6378-21.7133
CIE-Lab49.0696-0.5168-26.413
CIE-LCH49.069626.4181268.8791
CIE-LUV49.0696-17.0921-39.0282

基数表記

BaseRedGreenBlue
Binary010101000111011110100001
Octal124167241
Decimal84119161
Hex5477A1

RGB比率

Red
33%
Green
47%
Blue
63%

CMYK比率

Cyan
48%
Magenta
26%
Yellow
0%
Black
37%
調和

配色

#5477A1 の色 黒背景

#5477A1 の色 サンプルテキスト

#5477A1 の色 白背景

#5477A1 の色 サンプルテキスト

#5477A1 CSSコード

.background { background-color: #5477A1; }
.text { color: #5477A1; }
.border { border: 3px solid #5477A1; }
.shadow { box-shadow: 0 8px 28px rgba(84, 119, 161, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.64:1AA
黒とのコントラスト4.53:1AA
Webセーフカラー#666699Near
輝度0.17650-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5477A1 の色.

近い色

Similar colors

See 青系