色変換

色変換 for #552A7C の色

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

色空間

RGB8542124
HSL271.46°49.4%32.55%
HSV271.46°66.13%48.63%
CMYK31.45%66.13%0%51.37%
XYZ8.21165.042519.6056
Yxy5.04250.24990.1535
Hunter Lab22.455525.9768-36.0262
CIE-Lab26.855536.3157-39.0483
CIE-LCH26.855553.3254312.9234
CIE-LUV26.855511.3092-52.4496

基数表記

BaseRedGreenBlue
Binary010101010010101001111100
Octal12552174
Decimal8542124
Hex552A7C

RGB比率

Red
33%
Green
16%
Blue
49%

CMYK比率

Cyan
31%
Magenta
66%
Yellow
0%
Black
51%
調和

配色

#552A7C の色 黒背景

#552A7C の色 サンプルテキスト

#552A7C の色 白背景

#552A7C の色 サンプルテキスト

#552A7C CSSコード

.background { background-color: #552A7C; }
.text { color: #552A7C; }
.border { border: 3px solid #552A7C; }
.shadow { box-shadow: 0 8px 28px rgba(85, 42, 124, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト10.46:1AAA
黒とのコントラスト2.01:1低い
Webセーフカラー#663366Near
輝度0.05040-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #552A7C の色.

近い色

Similar colors

See 紫系