色変換

色変換 for #5536AA の色

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

色空間

RGB8554170
HSL256.03°51.79%43.92%
HSV256.03°68.24%66.67%
CMYK50%68.24%0%33.33%
XYZ12.31917.471438.8154
Yxy7.47140.21020.1275
Hunter Lab27.333932.6133-65.028
CIE-Lab32.856842.4469-57.5755
CIE-LCH32.856871.531306.3991
CIE-LUV32.85682.8898-80.7855

基数表記

BaseRedGreenBlue
Binary010101010011011010101010
Octal12566252
Decimal8554170
Hex5536AA

RGB比率

Red
33%
Green
21%
Blue
67%

CMYK比率

Cyan
50%
Magenta
68%
Yellow
0%
Black
33%
調和

配色

#5536AA の色 黒背景

#5536AA の色 サンプルテキスト

#5536AA の色 白背景

#5536AA の色 サンプルテキスト

#5536AA CSSコード

.background { background-color: #5536AA; }
.text { color: #5536AA; }
.border { border: 3px solid #5536AA; }
.shadow { box-shadow: 0 8px 28px rgba(85, 54, 170, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト8.42:1AAA
黒とのコントラスト2.49:1低い
Webセーフカラー#663399Near
輝度0.07470-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5536AA の色.

近い色

Similar colors

See 紫系