DexBase Colors
#56399E の色 壁 #56399E Save image
色変換

色変換 for #56399E の色

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

色空間

RGB8657158
HSL257.23°46.98%42.16%
HSV257.23°63.92%61.96%
CMYK45.57%63.92%0%38.04%
XYZ11.47077.372933.1599
Yxy7.37290.22060.1418
Hunter Lab27.153127.888-53.3706
CIE-Lab32.641237.429-50.6954
CIE-LCH32.641263.0155306.4389
CIE-LUV32.64123.9314-71.6361

基数表記

BaseRedGreenBlue
Binary010101100011100110011110
Octal12671236
Decimal8657158
Hex56399E

RGB比率

Red
34%
Green
22%
Blue
62%

CMYK比率

Cyan
46%
Magenta
64%
Yellow
0%
Black
38%
調和

配色

#56399E の色 黒背景

#56399E の色 サンプルテキスト

#56399E の色 白背景

#56399E の色 サンプルテキスト

#56399E CSSコード

.background { background-color: #56399E; }
.text { color: #56399E; }
.border { border: 3px solid #56399E; }
.shadow { box-shadow: 0 8px 28px rgba(86, 57, 158, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #56399E の色.

#56399E の色EminenceSheen 緑Wisteria
近い色

Similar colors

See 紫系
青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Plump 紫 Plump Purple #5946B2 青系 Cyber grape Cyber grape #58427C 紫系 暗い slate 青 Dark slate blue #483D8B 青系 Spanish バイオレット Spanish violet #4C2882 紫系 Ocean 青 Ocean Blue #4F42B5 青系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 Regalia Regalia #522D80 紫系 紫 heart Purple Heart #69359C 紫系 Persian indigo Persian indigo #32127A 紫系 Rebecca 紫 Rebecca Purple #663399 紫系 Interdimensional 青 Interdimensional Blue #360CCC 青系