DexBase Colors
#503BA0 の色 壁 #503BA0 Save image
色変換

色変換 for #503BA0 の色

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

色空間

RGB8059160
HSL252.48°46.12%42.94%
HSV252.48°63.13%62.75%
CMYK50%63.12%0%37.25%
XYZ11.21557.37134.0827
Yxy7.3710.21290.1399
Hunter Lab27.149626.226-55.3969
CIE-Lab32.63735.6008-51.9394
CIE-LCH32.63762.9692304.4279
CIE-LUV32.6371.0231-73.0688

基数表記

BaseRedGreenBlue
Binary010100000011101110100000
Octal12073240
Decimal8059160
Hex503BA0

RGB比率

Red
31%
Green
23%
Blue
63%

CMYK比率

Cyan
50%
Magenta
63%
Yellow
0%
Black
37%
調和

配色

#503BA0 の色 黒背景

#503BA0 の色 サンプルテキスト

#503BA0 の色 白背景

#503BA0 の色 サンプルテキスト

#503BA0 CSSコード

.background { background-color: #503BA0; }
.text { color: #503BA0; }
.border { border: 3px solid #503BA0; }
.shadow { box-shadow: 0 8px 28px rgba(80, 59, 160, 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#503BA0 color
PortuguêsCor #503BA0
EspañolColor #503BA0
한국어#503BA0 색상
日本語#503BA0 の色
中文#503BA0 颜色
DeutschFarbe #503BA0
FrançaisCouleur #503BA0
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #503BA0 の色.

#503BA0 の色深い lilacLimerick暗い orchid
近い色

Similar colors

See 青系
Plump 紫 Plump Purple #5946B2 青系 Ocean 青 Ocean Blue #4F42B5 青系 暗い slate 青 Dark slate blue #483D8B 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Ube Ube #8878C3 青系 Interdimensional 青 Interdimensional Blue #360CCC 青系 Slate 青 Slate blue #6A5ACD 青系 青 (pigment) Blue (pigment) #333399 青系 Toolbox Toolbox #746CC0 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 Iris Iris #5A4FCF 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系