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

色変換 for #553E7C の色

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

色空間

RGB8562124
HSL262.26°33.33%36.47%
HSV262.26°50%48.63%
CMYK31.45%50%0%51.37%
XYZ9.10626.831719.9038
Yxy6.83170.25410.1906
Hunter Lab26.137516.4475-26.8356
CIE-Lab31.420724.3902-31.7471
CIE-LCH31.420740.0345307.5338
CIE-LUV31.42076.0479-44.6817

基数表記

BaseRedGreenBlue
Binary010101010011111001111100
Octal12576174
Decimal8562124
Hex553E7C

RGB比率

Red
33%
Green
24%
Blue
49%

CMYK比率

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

配色

#553E7C の色 黒背景

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

#553E7C の色 白背景

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

#553E7C CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#553E7C の色暗い 紫暗い オリーブ 緑Purpureus
近い色

Similar colors

See 紫系
Cyber grape Cyber grape #58427C 紫系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Spanish バイオレット Spanish violet #4C2882 紫系 Regalia Regalia #522D80 紫系 Ksu 紫 KSU Purple #512888 紫系 ロイヤル 紫 Royal purple #7851A9 紫系 暗い ラベンダー Dark lavender #734F96 紫系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 Rebecca 紫 Rebecca Purple #663399 紫系 紫 heart Purple Heart #69359C 紫系 Pixie powder Pixie Powder #391285 紫系 ラベンダー 紫 Lavender purple #967BB6 紫系