色変換

色変換 for #577AAA の色

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

色空間

RGB87122170
HSL214.7°32.81%50.39%
HSV214.7°48.82%66.67%
CMYK48.82%28.24%0%33.33%
XYZ18.143318.846340.7041
Yxy18.84630.23350.2426
Hunter Lab43.4123-1.3717-25.1809
CIE-Lab50.50691.2241-29.4082
CIE-LCH50.506929.4337272.3835
CIE-LUV50.5069-17.2366-44.191

基数表記

BaseRedGreenBlue
Binary010101110111101010101010
Octal127172252
Decimal87122170
Hex577AAA

RGB比率

Red
34%
Green
48%
Blue
67%

CMYK比率

Cyan
49%
Magenta
28%
Yellow
0%
Black
33%
調和

配色

#577AAA の色 黒背景

#577AAA の色 サンプルテキスト

#577AAA の色 白背景

#577AAA の色 サンプルテキスト

#577AAA CSSコード

.background { background-color: #577AAA; }
.text { color: #577AAA; }
.border { border: 3px solid #577AAA; }
.shadow { box-shadow: 0 8px 28px rgba(87, 122, 170, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.4:1大きな文字
黒とのコントラスト4.77:1AA
Webセーフカラー#666699Near
輝度0.18850-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #577AAA の色.

近い色

Similar colors

See 青系