#ba54e8 hex color

In a RGB color space, hex #ba54e8 is composed of 72.9% red, 32.9% green and 91% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 63.8% magenta, 0% yellow and 9% black. It has a hue angle of 281.4 degrees, a saturation of 76.3% and a lightness of 62%. #ba54e8 color hex could be obtained by blending #ffa8ff with #7500d1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 91
RGB color chart
- C 20
- M 64
- Y 0
- K 9
CMYK color chart

● #ba54e8 color description : Soft violet.

The hexadecimal color #ba54e8 has RGB values of R:186, G:84, B:232 and CMYK values of C:0.2, M:0.64, Y:0, K:0.09. Its decimal value is 12211432.

Hex triplet	ba54e8	`#ba54e8`
RGB Decimal	186, 84, 232	`rgb(186,84,232)`
RGB Percent	72.9, 32.9, 91	`rgb(72.9%,32.9%,91%)`
CMYK	20, 64, 0, 9
HSL	281.4°, 76.3, 62	`hsl(281.4,76.3%,62%)`
HSV (or HSB)	281.4°, 63.8, 91
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	54.665, 63.697, -57.653
XYZ	37.984, 22.607, 78.702
xyY	0.273, 0.162, 22.607
CIE-LCH	54.665, 85.914, 317.852
CIE-LUV	54.665, 35.486, -97.023
Hunter-Lab	47.547, 59.39, -64.857
Binary	10111010, 01010100, 11101000

#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#82e854
```
#82e854 rgb(130,232,84)
```

Complementary Color

#7054e8
```
#7054e8 rgb(112,84,232)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#e854cc
```
#e854cc rgb(232,84,204)
```

Analogous Color

#54e870
```
#54e870 rgb(84,232,112)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#cce854
```
#cce854 rgb(204,232,84)
```

Split Complementary Color

#54e8ba
```
#54e8ba rgb(84,232,186)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#e8ba54
```
#e8ba54 rgb(232,186,84)
```

Triadic Color

#5482e8
```
#5482e8 rgb(84,130,232)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#e8ba54
```
#e8ba54 rgb(232,186,84)
```
#82e854
```
#82e854 rgb(130,232,84)
```

Tetradic Color

#9a1cd3
```
#9a1cd3 rgb(154,28,211)
```
#a827e2
```
#a827e2 rgb(168,39,226)
```
#b13ee5
```
#b13ee5 rgb(177,62,229)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#c36aeb
```
#c36aeb rgb(195,106,235)
```
#cc81ee
```
#cc81ee rgb(204,129,238)
```
#d597f1
```
#d597f1 rgb(213,151,241)
```

Monochromatic Color

Below, you can see some colors close to #ba54e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9554e8
```
#9554e8 rgb(149,84,232)
```
#a154e8
```
#a154e8 rgb(161,84,232)
```
#ae54e8
```
#ae54e8 rgb(174,84,232)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#c654e8
```
#c654e8 rgb(198,84,232)
```
#d354e8
```
#d354e8 rgb(211,84,232)
```
#df54e8
```
#df54e8 rgb(223,84,232)
```

Similar Colors

Text with hexadecimal color #ba54e8

This text has a font color of #ba54e8.

<span style="color:#ba54e8;">Text here</span>

#ba54e8 background color

This paragraph has a background color of #ba54e8.

<p style="background-color:#ba54e8;">Content here</p>

#ba54e8 border color

This element has a border color of #ba54e8.

<div style="border:1px solid #ba54e8;">Content here</div>

CSS codes

.text {color:#ba54e8;}

.background {background-color:#ba54e8;}

.border {border:1px solid #ba54e8;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010002 is the darkest color, while #f9f0fd is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#0e0313
```
#0e0313 rgb(14,3,19)
```
#1b0524
```
#1b0524 rgb(27,5,36)
```
#270736
```
#270736 rgb(39,7,54)
```
#340a47
```
#340a47 rgb(52,10,71)
```
#410c58
```
#410c58 rgb(65,12,88)
```
#4d0e6a
```
#4d0e6a rgb(77,14,106)
```
#5a117b
```
#5a117b rgb(90,17,123)
```
#66138c
```
#66138c rgb(102,19,140)
```
#73159e
```
#73159e rgb(115,21,158)
```
#8018af
```
#8018af rgb(128,24,175)
```
#8c1ac0
```
#8c1ac0 rgb(140,26,192)
```
#991cd1
```
#991cd1 rgb(153,28,209)
```

Shade Color Variation

#a520e1
```
#a520e1 rgb(165,32,225)
```
#ac31e3
```
#ac31e3 rgb(172,49,227)
```
#b343e6
```
#b343e6 rgb(179,67,230)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#c165ea
```
#c165ea rgb(193,101,234)
```
#c877ed
```
#c877ed rgb(200,119,237)
```
#cf88ef
```
#cf88ef rgb(207,136,239)
```
#d699f1
```
#d699f1 rgb(214,153,241)
```
#ddaaf4
```
#ddaaf4 rgb(221,170,244)
```
#e4bcf6
```
#e4bcf6 rgb(228,188,246)
```
#ebcdf8
```
#ebcdf8 rgb(235,205,248)
```
#f2defb
```
#f2defb rgb(242,222,251)
```
#f9f0fd
```
#f9f0fd rgb(249,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a197a5 is the less saturated color, while #c23efe is the most saturated one.

#a197a5
```
#a197a5 rgb(161,151,165)
```
#a390ac
```
#a390ac rgb(163,144,172)
```
#a688b4
```
#a688b4 rgb(166,136,180)
```
#a981bb
```
#a981bb rgb(169,129,187)
```
#ac79c3
```
#ac79c3 rgb(172,121,195)
```
#af72ca
```
#af72ca rgb(175,114,202)
```
#b26ad2
```
#b26ad2 rgb(178,106,210)
```
#b463d9
```
#b463d9 rgb(180,99,217)
```
#b75be1
```
#b75be1 rgb(183,91,225)
```
#ba54e8
```
#ba54e8 rgb(186,84,232)
```
#bd4def
```
#bd4def rgb(189,77,239)
```
#c045f7
```
#c045f7 rgb(192,69,247)
```
#c23efe
```
#c23efe rgb(194,62,254)
```

Tone Color Variation

Below, you can see how #ba54e8 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#838383 Achromatopsia 0.005% of the population
#8e7a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c85ff Protanopia 1% of men
#4b8ada Deuteranopia 1% of men
#ab7c85 Tritanopia 0.001% of the population

Trichromacy

#6073f6 Protanomaly 1% of men, 0.01% of women
#7376df Deuteranomaly 6% of men, 0.4% of women
#b06da9 Tritanomaly 0.01% of the population

#ba54e8 hex color

#ba54e8 Color Information

#ba54e8 Color Conversion

Color Schemes with #ba54e8

Alternatives to #ba54e8

#ba54e8 Preview

Shades and Tints of #ba54e8

Tones of #ba54e8

Color Blindness Simulator