#ba5fe8 hex color

In a RGB color space, hex #ba5fe8 is composed of 72.9% red, 37.3% green and 91% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 59.1% magenta, 0% yellow and 9% black. It has a hue angle of 279.9 degrees, a saturation of 74.9% and a lightness of 64.1%. #ba5fe8 color hex could be obtained by blending #ffbeff with #7500d1. 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

● #ba5fe8 color description : Soft violet.

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

Hex triplet	ba5fe8	`#ba5fe8`
RGB Decimal	186, 95, 232	`rgb(186,95,232)`
RGB Percent	72.9, 37.3, 91	`rgb(72.9%,37.3%,91%)`
CMYK	20, 59, 0, 9
HSL	279.9°, 74.9, 64.1	`hsl(279.9,74.9%,64.1%)`
HSV (or HSB)	279.9°, 59.1, 91
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.536, 58.588, -54.66
XYZ	38.905, 24.451, 79.01
xyY	0.273, 0.172, 24.451
CIE-LCH	56.536, 80.127, 316.987
CIE-LUV	56.536, 32.559, -92.562
Hunter-Lab	49.448, 53.91, -60.122
Binary	10111010, 01011111, 11101000

#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#8de85f
```
#8de85f rgb(141,232,95)
```

Complementary Color

#765fe8
```
#765fe8 rgb(118,95,232)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#e85fd2
```
#e85fd2 rgb(232,95,210)
```

Analogous Color

#5fe876
```
#5fe876 rgb(95,232,118)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#d2e85f
```
#d2e85f rgb(210,232,95)
```

Split Complementary Color

#5fe8ba
```
#5fe8ba rgb(95,232,186)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#e8ba5f
```
#e8ba5f rgb(232,186,95)
```

Triadic Color

#5f8de8
```
#5f8de8 rgb(95,141,232)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#e8ba5f
```
#e8ba5f rgb(232,186,95)
```
#8de85f
```
#8de85f rgb(141,232,95)
```

Tetradic Color

#9c1fdb
```
#9c1fdb rgb(156,31,219)
```
#a732e2
```
#a732e2 rgb(167,50,226)
```
#b049e5
```
#b049e5 rgb(176,73,229)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#c475eb
```
#c475eb rgb(196,117,235)
```
#cd8cee
```
#cd8cee rgb(205,140,238)
```
#d7a2f2
```
#d7a2f2 rgb(215,162,242)
```

Monochromatic Color

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

#985fe8
```
#985fe8 rgb(152,95,232)
```
#a35fe8
```
#a35fe8 rgb(163,95,232)
```
#af5fe8
```
#af5fe8 rgb(175,95,232)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#c55fe8
```
#c55fe8 rgb(197,95,232)
```
#d15fe8
```
#d15fe8 rgb(209,95,232)
```
#dc5fe8
```
#dc5fe8 rgb(220,95,232)
```

Similar Colors

Text with hexadecimal color #ba5fe8

This text has a font color of #ba5fe8.

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

#ba5fe8 background color

This paragraph has a background color of #ba5fe8.

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

#ba5fe8 border color

This element has a border color of #ba5fe8.

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

CSS codes

.text {color:#ba5fe8;}

.background {background-color:#ba5fe8;}

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

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

#08020c
```
#08020c rgb(8,2,12)
```
#14041d
```
#14041d rgb(20,4,29)
```
#21072e
```
#21072e rgb(33,7,46)
```
#2d093f
```
#2d093f rgb(45,9,63)
```
#390c50
```
#390c50 rgb(57,12,80)
```
#450e61
```
#450e61 rgb(69,14,97)
```
#521072
```
#521072 rgb(82,16,114)
```
#5e1384
```
#5e1384 rgb(94,19,132)
```
#6a1595
```
#6a1595 rgb(106,21,149)
```
#7618a6
```
#7618a6 rgb(118,24,166)
```
#821ab7
```
#821ab7 rgb(130,26,183)
```
#8f1dc8
```
#8f1dc8 rgb(143,29,200)
```
#9b1fd9
```
#9b1fd9 rgb(155,31,217)
```

Shade Color Variation

#a42ce1
```
#a42ce1 rgb(164,44,225)
```
#ab3de3
```
#ab3de3 rgb(171,61,227)
```
#b34ee6
```
#b34ee6 rgb(179,78,230)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#c170ea
```
#c170ea rgb(193,112,234)
```
#c981ed
```
#c981ed rgb(201,129,237)
```
#d092ef
```
#d092ef rgb(208,146,239)
```
#d8a4f2
```
#d8a4f2 rgb(216,164,242)
```
#dfb5f4
```
#dfb5f4 rgb(223,181,244)
```
#e6c6f7
```
#e6c6f7 rgb(230,198,247)
```
#eed7f9
```
#eed7f9 rgb(238,215,249)
```
#f5e8fc
```
#f5e8fc rgb(245,232,252)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#a59ea9
```
#a59ea9 rgb(165,158,169)
```
#a897b0
```
#a897b0 rgb(168,151,176)
```
#aa90b7
```
#aa90b7 rgb(170,144,183)
```
#ac89be
```
#ac89be rgb(172,137,190)
```
#ae82c5
```
#ae82c5 rgb(174,130,197)
```
#b17bcc
```
#b17bcc rgb(177,123,204)
```
#b374d3
```
#b374d3 rgb(179,116,211)
```
#b56dda
```
#b56dda rgb(181,109,218)
```
#b866e1
```
#b866e1 rgb(184,102,225)
```
#ba5fe8
```
#ba5fe8 rgb(186,95,232)
```
#bc58ef
```
#bc58ef rgb(188,88,239)
```
#bf51f6
```
#bf51f6 rgb(191,81,246)
```
#c14afd
```
#c14afd rgb(193,74,253)
```

Tone Color Variation

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

#4289ff Protanopia 1% of men
#588edc Deuteranopia 1% of men
#ac828b Tritanopia 0.001% of the population

Trichromacy

#6e7af6 Protanomaly 1% of men, 0.01% of women
#7c7de0 Deuteranomaly 6% of men, 0.4% of women
#b175ad Tritanomaly 0.01% of the population

#ba5fe8 hex color

#ba5fe8 Color Information

#ba5fe8 Color Conversion

Color Schemes with #ba5fe8

Alternatives to #ba5fe8

#ba5fe8 Preview

Shades and Tints of #ba5fe8

Tones of #ba5fe8

Color Blindness Simulator