DexBase Colors
#553F5B の色 壁 #553F5B Save image
色変換

色変換 for #553F5B の色

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

色空間

RGB856391
HSL287.14°18.18%30.2%
HSV287.14°30.77%35.69%
CMYK6.59%30.77%0%64.31%
XYZ7.41196.241810.7098
Yxy6.24180.30420.2562
Hunter Lab24.98369.234-7.9176
CIE-Lab30.014515.2777-12.9864
CIE-LCH30.014520.0513319.6347
CIE-LUV30.01459.6738-18.1409

基数表記

BaseRedGreenBlue
Binary010101010011111101011011
Octal12577133
Decimal856391
Hex553F5B

RGB比率

Red
33%
Green
25%
Blue
36%

CMYK比率

Cyan
7%
Magenta
31%
Yellow
0%
Black
64%
調和

配色

#553F5B の色 黒背景

#553F5B の色 サンプルテキスト

#553F5B の色 白背景

#553F5B の色 サンプルテキスト

#553F5B CSSコード

.background { background-color: #553F5B; }
.text { color: #553F5B; }
.border { border: 3px solid #553F5B; }
.shadow { box-shadow: 0 8px 28px rgba(85, 63, 91, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #553F5B の色.

#553F5B の色暗い byzantiumFern 緑Pearly 紫
近い色

Similar colors

See 紫系
English バイオレット English violet #563C5C 紫系 Old heliotrope Old heliotrope #563C5C 紫系 Imperial Imperial #602F6B 紫系 French lilac French lilac #86608E ピンク系 Pomp and power Pomp and Power #86608E ピンク系 Maximum 紫 Maximum Purple #733380 ピンク系 Eminence Eminence #6C3082 紫系 Purpureus Purpureus #9A4EAE 紫系 暗い 紫 Dark purple #301934 ピンク系 Chinese バイオレット Chinese violet #856088 ピンク系 Glossy grape Glossy Grape #AB92B3 紫系 紫 plum Purple Plum #9C51B6 紫系