DexBase Colors
#BA76F5 の色 壁 #BA76F5 Save image
色変換

色変換 for #BA76F5 の色

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

色空間

RGB186118245
HSL272.13°86.39%71.18%
HSV272.13°51.84%96.08%
CMYK24.08%51.84%0%3.92%
XYZ43.206229.98989.8808
Yxy29.9890.26490.1839
Hunter Lab54.762244.9976-58.9406
CIE-Lab61.644749.7739-53.7439
CIE-LCH61.644773.2519312.8037
CIE-LUV61.644723.0486-91.7205

基数表記

BaseRedGreenBlue
Binary101110100111011011110101
Octal272166365
Decimal186118245
HexBA76F5

RGB比率

Red
73%
Green
46%
Blue
96%

CMYK比率

Cyan
24%
Magenta
52%
Yellow
0%
Black
4%
調和

配色

#BA76F5 の色 黒背景

#BA76F5 の色 サンプルテキスト

#BA76F5 の色 白背景

#BA76F5 の色 サンプルテキスト

#BA76F5 CSSコード

.background { background-color: #BA76F5; }
.text { color: #BA76F5; }
.border { border: 3px solid #BA76F5; }
.shadow { box-shadow: 0 8px 28px rgba(186, 118, 245, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3:1大きな文字
黒とのコントラスト7:1AAA
Webセーフカラー#CC66FFNear
輝度0.29990-1
言語

Color names in other languages

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

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

Nearby palette

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

#BA76F5 の色ラベンダー マゼンタLaurel 緑深い マゼンタ
近い色

Similar colors

See 紫系
Bright ラベンダー Bright lavender #BF94E4 紫系 淡い バイオレット Pale violet #CC99FF 紫系 青-バイオレット Blue-violet #8A2BE2 紫系 ラベンダー (floral) Lavender (floral) #B57EDC 紫系 ラベンダー indigo Lavender indigo #9457EB 紫系 Navy 紫 Navy purple #9457EB 紫系 紫 (x11) Purple (X11) #A020F0 紫系 Veronica Veronica #A020F0 紫系 Mauve Mauve #E0B0FF 紫系 Electric バイオレット Electric violet #8F00FF 紫系 バイオレット Violet #8F00FF 紫系 バイオレット (color wheel) Violet (color wheel) #7F00FF 紫系