#ba5fe9 hex color

In a RGB color space, hex #ba5fe9 is composed of 72.9% red, 37.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 59.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 279.6 degrees, a saturation of 75.8% and a lightness of 64.3%. #ba5fe9 color hex could be obtained by blending #ffbeff with #7500d3. Closest websafe color is: #cc66ff.

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

● #ba5fe9 color description : Soft violet.

The hexadecimal color #ba5fe9 has RGB values of R:186, G:95, B:233 and CMYK values of C:0.2, M:0.59, Y:0, K:0.09. Its decimal value is 12214249.

Hex triplet	ba5fe9	`#ba5fe9`
RGB Decimal	186, 95, 233	`rgb(186,95,233)`
RGB Percent	72.9, 37.3, 91.4	`rgb(72.9%,37.3%,91.4%)`
CMYK	20, 59, 0, 9
HSL	279.6°, 75.8, 64.3	`hsl(279.6,75.8%,64.3%)`
HSV (or HSB)	279.6°, 59.2, 91.4
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.593, 58.798, -55.13
XYZ	39.048, 24.508, 79.76
xyY	0.272, 0.171, 24.508
CIE-LCH	56.593, 80.601, 316.844
CIE-LUV	56.593, 32.344, -93.337
Hunter-Lab	49.505, 54.159, -60.87
Binary	10111010, 01011111, 11101001

#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#8ee95f
```
#8ee95f rgb(142,233,95)
```

Complementary Color

#755fe9
```
#755fe9 rgb(117,95,233)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#e95fd3
```
#e95fd3 rgb(233,95,211)
```

Analogous Color

#5fe975
```
#5fe975 rgb(95,233,117)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#d3e95f
```
#d3e95f rgb(211,233,95)
```

Split Complementary Color

#5fe9ba
```
#5fe9ba rgb(95,233,186)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#e9ba5f
```
#e9ba5f rgb(233,186,95)
```

Triadic Color

#5f8ee9
```
#5f8ee9 rgb(95,142,233)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#e9ba5f
```
#e9ba5f rgb(233,186,95)
```
#8ee95f
```
#8ee95f rgb(142,233,95)
```

Tetradic Color

#9c1edd
```
#9c1edd rgb(156,30,221)
```
#a732e3
```
#a732e3 rgb(167,50,227)
```
#b049e6
```
#b049e6 rgb(176,73,230)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#c475ec
```
#c475ec rgb(196,117,236)
```
#cd8cef
```
#cd8cef rgb(205,140,239)
```
#d7a2f2
```
#d7a2f2 rgb(215,162,242)
```

Monochromatic Color

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

#985fe9
```
#985fe9 rgb(152,95,233)
```
#a35fe9
```
#a35fe9 rgb(163,95,233)
```
#af5fe9
```
#af5fe9 rgb(175,95,233)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#c65fe9
```
#c65fe9 rgb(198,95,233)
```
#d15fe9
```
#d15fe9 rgb(209,95,233)
```
#dd5fe9
```
#dd5fe9 rgb(221,95,233)
```

Similar Colors

Text with hexadecimal color #ba5fe9

This text has a font color of #ba5fe9.

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

#ba5fe9 background color

This paragraph has a background color of #ba5fe9.

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

#ba5fe9 border color

This element has a border color of #ba5fe9.

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

CSS codes

.text {color:#ba5fe9;}

.background {background-color:#ba5fe9;}

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

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, #09020c is the darkest color, while #fdfafe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#15041e
```
#15041e rgb(21,4,30)
```
#21062f
```
#21062f rgb(33,6,47)
```
#2d0940
```
#2d0940 rgb(45,9,64)
```
#3a0b51
```
#3a0b51 rgb(58,11,81)
```
#460e63
```
#460e63 rgb(70,14,99)
```
#521074
```
#521074 rgb(82,16,116)
```
#5e1285
```
#5e1285 rgb(94,18,133)
```
#6a1596
```
#6a1596 rgb(106,21,150)
```
#7617a8
```
#7617a8 rgb(118,23,168)
```
#8319b9
```
#8319b9 rgb(131,25,185)
```
#8f1cca
```
#8f1cca rgb(143,28,202)
```
#9b1edb
```
#9b1edb rgb(155,30,219)
```

Shade Color Variation

#a42be2
```
#a42be2 rgb(164,43,226)
```
#ab3de4
```
#ab3de4 rgb(171,61,228)
```
#b34ee7
```
#b34ee7 rgb(179,78,231)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#c170eb
```
#c170eb rgb(193,112,235)
```
#c981ee
```
#c981ee rgb(201,129,238)
```
#d093f0
```
#d093f0 rgb(208,147,240)
```
#d8a4f2
```
#d8a4f2 rgb(216,164,242)
```
#dfb5f5
```
#dfb5f5 rgb(223,181,245)
```
#e7c6f7
```
#e7c6f7 rgb(231,198,247)
```
#eed8fa
```
#eed8fa rgb(238,216,250)
```
#f5e9fc
```
#f5e9fc rgb(245,233,252)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#a69eaa
```
#a69eaa rgb(166,158,170)
```
#a897b1
```
#a897b1 rgb(168,151,177)
```
#aa90b8
```
#aa90b8 rgb(170,144,184)
```
#ad89bf
```
#ad89bf rgb(173,137,191)
```
#af82c6
```
#af82c6 rgb(175,130,198)
```
#b17bcd
```
#b17bcd rgb(177,123,205)
```
#b374d4
```
#b374d4 rgb(179,116,212)
```
#b66ddb
```
#b66ddb rgb(182,109,219)
```
#b866e2
```
#b866e2 rgb(184,102,226)
```
#ba5fe9
```
#ba5fe9 rgb(186,95,233)
```
#bc58f0
```
#bc58f0 rgb(188,88,240)
```
#be51f7
```
#be51f7 rgb(190,81,247)
```
#c14afe
```
#c14afe rgb(193,74,254)
```

Tone Color Variation

Below, you can see how #ba5fe9 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

#8a8a8a Achromatopsia 0.005% of the population
#94819d Atypical Achromatopsia 0.001% of the population

Dichromacy

#438aff Protanopia 1% of men
#578edd Deuteranopia 1% of men
#ac838c Tritanopia 0.001% of the population

Trichromacy

#6e7af7 Protanomaly 1% of men, 0.01% of women
#7b7de1 Deuteranomaly 6% of men, 0.4% of women
#b176ad Tritanomaly 0.01% of the population

#ba5fe9 hex color

#ba5fe9 Color Information

#ba5fe9 Color Conversion

Color Schemes with #ba5fe9

Alternatives to #ba5fe9

#ba5fe9 Preview

Shades and Tints of #ba5fe9

Tones of #ba5fe9

Color Blindness Simulator