DexBase Colors
#563B9D の色 壁 #563B9D Save image
色変換

色変換 for #563B9D の色

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

色空間

RGB8659157
HSL256.53°45.37%42.35%
HSV256.53°62.42%61.57%
CMYK45.22%62.42%0%38.43%
XYZ11.48587.540332.742
Yxy7.54030.22190.1457
Hunter Lab27.459626.608-51.4462
CIE-Lab33.006635.9625-49.4978
CIE-LCH33.006661.1828306.0002
CIE-LUV33.00663.5843-70.2706

基数表記

BaseRedGreenBlue
Binary010101100011101110011101
Octal12673235
Decimal8659157
Hex563B9D

RGB比率

Red
34%
Green
23%
Blue
62%

CMYK比率

Cyan
45%
Magenta
62%
Yellow
0%
Black
38%
調和

配色

#563B9D の色 黒背景

#563B9D の色 サンプルテキスト

#563B9D の色 白背景

#563B9D の色 サンプルテキスト

#563B9D CSSコード

.background { background-color: #563B9D; }
.text { color: #563B9D; }
.border { border: 3px solid #563B9D; }
.shadow { box-shadow: 0 8px 28px rgba(86, 59, 157, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #563B9D の色.

#563B9D の色紫 plumSheen 緑Wisteria
近い色

Similar colors

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