#ba5afe hex color

In a RGB color space, hex #ba5afe is composed of 72.9% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 275.1 degrees, a saturation of 98.8% and a lightness of 67.5%. #ba5afe color hex could be obtained by blending #ffb4ff with #7500fd. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 35
- B 100
RGB color chart
- C 27
- M 65
- Y 0
- K 0
CMYK color chart

● #ba5afe color description : Soft violet.

The hexadecimal color #ba5afe has RGB values of R:186, G:90, B:254 and CMYK values of C:0.27, M:0.65, Y:0, K:0. Its decimal value is 12212990.

Hex triplet	ba5afe	`#ba5afe`
RGB Decimal	186, 90, 254	`rgb(186,90,254)`
RGB Percent	72.9, 35.3, 99.6	`rgb(72.9%,35.3%,99.6%)`
CMYK	27, 65, 0, 0
HSL	275.1°, 98.8, 67.5	`hsl(275.1,98.8%,67.5%)`
HSV (or HSB)	275.1°, 64.6, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.986, 65.617, -66.185
XYZ	41.793, 24.908, 96.367
xyY	0.256, 0.153, 24.908
CIE-LCH	56.986, 93.199, 314.753
CIE-LUV	56.986, 29.222, -111.227
Hunter-Lab	49.908, 62.136, -79.547
Binary	10111010, 01011010, 11111110

#ba5afe
```
#ba5afe rgb(186,90,254)
```
#9efe5a
```
#9efe5a rgb(158,254,90)
```

Complementary Color

#685afe
```
#685afe rgb(104,90,254)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#fe5af0
```
#fe5af0 rgb(254,90,240)
```

Analogous Color

#5afe68
```
#5afe68 rgb(90,254,104)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#f0fe5a
```
#f0fe5a rgb(240,254,90)
```

Split Complementary Color

#5afeba
```
#5afeba rgb(90,254,186)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#feba5a
```
#feba5a rgb(254,186,90)
```

Triadic Color

#5a9efe
```
#5a9efe rgb(90,158,254)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#feba5a
```
#feba5a rgb(254,186,90)
```
#9efe5a
```
#9efe5a rgb(158,254,90)
```

Tetradic Color

#9a0efe
```
#9a0efe rgb(154,14,254)
```
#a527fe
```
#a527fe rgb(165,39,254)
```
#af41fe
```
#af41fe rgb(175,65,254)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#c573fe
```
#c573fe rgb(197,115,254)
```
#cf8dfe
```
#cf8dfe rgb(207,141,254)
```
#daa6fe
```
#daa6fe rgb(218,166,254)
```

Monochromatic Color

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

#915afe
```
#915afe rgb(145,90,254)
```
#9f5afe
```
#9f5afe rgb(159,90,254)
```
#ac5afe
```
#ac5afe rgb(172,90,254)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#c85afe
```
#c85afe rgb(200,90,254)
```
#d55afe
```
#d55afe rgb(213,90,254)
```
#e35afe
```
#e35afe rgb(227,90,254)
```

Similar Colors

Text with hexadecimal color #ba5afe

This text has a font color of #ba5afe.

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

#ba5afe background color

This paragraph has a background color of #ba5afe.

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

#ba5afe border color

This element has a border color of #ba5afe.

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

CSS codes

.text {color:#ba5afe;}

.background {background-color:#ba5afe;}

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

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, #06000a is the darkest color, while #fbf6ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#12001e
```
#12001e rgb(18,0,30)
```
#1d0031
```
#1d0031 rgb(29,0,49)
```
#290045
```
#290045 rgb(41,0,69)
```
#340158
```
#340158 rgb(52,1,88)
```
#3f016c
```
#3f016c rgb(63,1,108)
```
#4b017f
```
#4b017f rgb(75,1,127)
```
#560193
```
#560193 rgb(86,1,147)
```
#6201a6
```
#6201a6 rgb(98,1,166)
```
#6d01ba
```
#6d01ba rgb(109,1,186)
```
#7901cd
```
#7901cd rgb(121,1,205)
```
#8401e1
```
#8401e1 rgb(132,1,225)
```
#9001f4
```
#9001f4 rgb(144,1,244)
```

Shade Color Variation

#990cfe
```
#990cfe rgb(153,12,254)
```
#a220fe
```
#a220fe rgb(162,32,254)
```
#aa33fe
```
#aa33fe rgb(170,51,254)
```
#b247fe
```
#b247fe rgb(178,71,254)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```
#c26dfe
```
#c26dfe rgb(194,109,254)
```
#ca81fe
```
#ca81fe rgb(202,129,254)
```
#d294fe
```
#d294fe rgb(210,148,254)
```
#dba8fe
```
#dba8fe rgb(219,168,254)
```
#e3bbff
```
#e3bbff rgb(227,187,255)
```
#ebcfff
```
#ebcfff rgb(235,207,255)
```
#f3e2ff
```
#f3e2ff rgb(243,226,255)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#ada7b1
```
#ada7b1 rgb(173,167,177)
```
#aea0b8
```
#aea0b8 rgb(174,160,184)
```
#af9abe
```
#af9abe rgb(175,154,190)
```
#b093c5
```
#b093c5 rgb(176,147,197)
```
#b18dcb
```
#b18dcb rgb(177,141,203)
```
#b287d1
```
#b287d1 rgb(178,135,209)
```
#b380d8
```
#b380d8 rgb(179,128,216)
```
#b57ade
```
#b57ade rgb(181,122,222)
```
#b674e4
```
#b674e4 rgb(182,116,228)
```
#b76deb
```
#b76deb rgb(183,109,235)
```
#b867f1
```
#b867f1 rgb(184,103,241)
```
#b960f8
```
#b960f8 rgb(185,96,248)
```
#ba5afe
```
#ba5afe rgb(186,90,254)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9380a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#458bff Protanopia 1% of men
#2e90ee Deuteranopia 1% of men
#a6868f Tritanopia 0.001% of the population

Trichromacy

#6f79fe Protanomaly 1% of men, 0.01% of women
#617cf4 Deuteranomaly 6% of men, 0.4% of women
#ad76b7 Tritanomaly 0.01% of the population

#ba5afe hex color

#ba5afe Color Information

#ba5afe Color Conversion

Color Schemes with #ba5afe

Alternatives to #ba5afe

#ba5afe Preview

Shades and Tints of #ba5afe

Tones of #ba5afe

Color Blindness Simulator