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

色変換 for #570BA0 の色

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

色空間

RGB8711160
HSL270.6°87.13%33.53%
HSV270.6°93.13%62.75%
CMYK45.63%93.13%0%37.25%
XYZ10.39364.803433.6304
Yxy4.80340.21290.0984
Hunter Lab21.916746.2957-75.6013
CIE-Lab26.167157.3448-62.4909
CIE-LCH26.167184.8147312.5411
CIE-LUV26.16719.84-79.1025

基数表記

BaseRedGreenBlue
Binary010101110000101110100000
Octal12713240
Decimal8711160
Hex570BA0

RGB比率

Red
34%
Green
4%
Blue
63%

CMYK比率

Cyan
46%
Magenta
93%
Yellow
0%
Black
37%
調和

配色

#570BA0 の色 黒背景

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

#570BA0 の色 白背景

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

#570BA0 CSSコード

.background { background-color: #570BA0; }
.text { color: #570BA0; }
.border { border: 3px solid #570BA0; }
.shadow { box-shadow: 0 8px 28px rgba(87, 11, 160, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト10.71:1AAA
黒とのコントラスト1.96:1低い
Webセーフカラー#660099Near
輝度0.0480-1
言語

Color names in other languages

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

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

Nearby palette

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

#570BA0 の色ピンク flamingoMaximum 緑深い マゼンタ
近い色

Similar colors

See 紫系
深い バイオレット Deep violet #330066 紫系 青-バイオレット Blue-violet #8A2BE2 紫系 Indigo (web) Indigo (web) #4B0082 紫系 バイオレット (color wheel) Violet (color wheel) #7F00FF 紫系 Grape Grape #6F2DA8 紫系 Indigo Indigo #4B0082 紫系 Rebecca 紫 Rebecca Purple #663399 紫系 Electric バイオレット Electric violet #8F00FF 紫系 French バイオレット French violet #8806CE 紫系 バイオレット Violet #8F00FF 紫系 Ksu 紫 KSU Purple #512888 紫系 紫 heart Purple Heart #69359C 紫系