色変換

色変換 for #501CA5 の色

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

色空間

RGB8028165
HSL262.77°70.98%37.84%
HSV262.77°83.03%64.71%
CMYK51.52%83.03%0%35.29%
XYZ10.51315.252236.0498
Yxy5.25220.20290.1014
Hunter Lab22.917741.7773-77.185
CIE-Lab27.441552.7647-63.4609
CIE-LCH27.441582.5312309.7419
CIE-LUV27.44155.4019-81.6683

基数表記

BaseRedGreenBlue
Binary010100000001110010100101
Octal12034245
Decimal8028165
Hex501CA5

RGB比率

Red
31%
Green
11%
Blue
65%

CMYK比率

Cyan
52%
Magenta
83%
Yellow
0%
Black
35%
調和

配色

#501CA5 の色 黒背景

#501CA5 の色 サンプルテキスト

#501CA5 の色 白背景

#501CA5 の色 サンプルテキスト

#501CA5 CSSコード

.background { background-color: #501CA5; }
.text { color: #501CA5; }
.border { border: 3px solid #501CA5; }
.shadow { box-shadow: 0 8px 28px rgba(80, 28, 165, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #501CA5 の色.

近い色

Similar colors

See 紫系