色変換

色変換 for #563E82 の色

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

色空間

RGB8662130
HSL261.18°35.42%37.65%
HSV261.18°52.31%50.98%
CMYK33.85%52.31%0%49.02%
XYZ9.58877.035321.9675
Yxy7.03530.24850.1823
Hunter Lab26.524118.1115-30.5183
CIE-Lab31.887126.3511-34.7375
CIE-LCH31.887143.6013307.1832
CIE-LUV31.88715.8204-49.1448

基数表記

BaseRedGreenBlue
Binary010101100011111010000010
Octal12676202
Decimal8662130
Hex563E82

RGB比率

Red
34%
Green
24%
Blue
51%

CMYK比率

Cyan
34%
Magenta
52%
Yellow
0%
Black
49%
調和

配色

#563E82 の色 黒背景

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

#563E82 の色 白背景

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

#563E82 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 紫系