#ba5fd5 hex color

In a RGB color space, hex #ba5fd5 is composed of 72.9% red, 37.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 55.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 286.3 degrees, a saturation of 58.4% and a lightness of 60.4%. #ba5fd5 color hex could be obtained by blending #ffbeff with #7500ab. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 84
RGB color chart
- C 13
- M 55
- Y 0
- K 16
CMYK color chart

● #ba5fd5 color description : Moderate magenta.

The hexadecimal color #ba5fd5 has RGB values of R:186, G:95, B:213 and CMYK values of C:0.13, M:0.55, Y:0, K:0.16. Its decimal value is 12214229.

Hex triplet	ba5fd5	`#ba5fd5`
RGB Decimal	186, 95, 213	`rgb(186,95,213)`
RGB Percent	72.9, 37.3, 83.5	`rgb(72.9%,37.3%,83.5%)`
CMYK	13, 55, 0, 16
HSL	286.3°, 58.4, 60.4	`hsl(286.3,58.4%,60.4%)`
HSV (or HSB)	286.3°, 55.4, 83.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.511, 54.695, -45.584
XYZ	36.351, 23.429, 65.555
xyY	0.29, 0.187, 23.429
CIE-LCH	55.511, 71.201, 320.192
CIE-LUV	55.511, 36.765, -77.614
Hunter-Lab	48.403, 49.346, -46.416
Binary	10111010, 01011111, 11010101

#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#7ad55f
```
#7ad55f rgb(122,213,95)
```

Complementary Color

#7f5fd5
```
#7f5fd5 rgb(127,95,213)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#d55fb5
```
#d55fb5 rgb(213,95,181)
```

Analogous Color

#5fd57f
```
#5fd57f rgb(95,213,127)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#b5d55f
```
#b5d55f rgb(181,213,95)
```

Split Complementary Color

#5fd5ba
```
#5fd5ba rgb(95,213,186)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#d5ba5f
```
#d5ba5f rgb(213,186,95)
```

Triadic Color

#5f7ad5
```
#5f7ad5 rgb(95,122,213)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#d5ba5f
```
#d5ba5f rgb(213,186,95)
```
#7ad55f
```
#7ad55f rgb(122,213,95)
```

Tetradic Color

#9830b7
```
#9830b7 rgb(152,48,183)
```
#a937ca
```
#a937ca rgb(169,55,202)
```
#b14bd0
```
#b14bd0 rgb(177,75,208)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#c373da
```
#c373da rgb(195,115,218)
```
#cb87e0
```
#cb87e0 rgb(203,135,224)
```
#d49ce5
```
#d49ce5 rgb(212,156,229)
```

Monochromatic Color

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

#9d5fd5
```
#9d5fd5 rgb(157,95,213)
```
#a65fd5
```
#a65fd5 rgb(166,95,213)
```
#b05fd5
```
#b05fd5 rgb(176,95,213)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#c45fd5
```
#c45fd5 rgb(196,95,213)
```
#ce5fd5
```
#ce5fd5 rgb(206,95,213)
```
#d55fd3
```
#d55fd3 rgb(213,95,211)
```

Similar Colors

Text with hexadecimal color #ba5fd5

This text has a font color of #ba5fd5.

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

#ba5fd5 background color

This paragraph has a background color of #ba5fd5.

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

#ba5fd5 border color

This element has a border color of #ba5fd5.

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

CSS codes

.text {color:#ba5fd5;}

.background {background-color:#ba5fd5;}

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

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

#09030b
```
#09030b rgb(9,3,11)
```
#16071a
```
#16071a rgb(22,7,26)
```
#230b2a
```
#230b2a rgb(35,11,42)
```
#300f3a
```
#300f3a rgb(48,15,58)
```
#3d1349
```
#3d1349 rgb(61,19,73)
```
#4a1759
```
#4a1759 rgb(74,23,89)
```
#571b68
```
#571b68 rgb(87,27,104)
```
#631f78
```
#631f78 rgb(99,31,120)
```
#702387
```
#702387 rgb(112,35,135)
```
#7d2897
```
#7d2897 rgb(125,40,151)
```
#8a2ca6
```
#8a2ca6 rgb(138,44,166)
```
#9730b6
```
#9730b6 rgb(151,48,182)
```
#a434c5
```
#a434c5 rgb(164,52,197)
```

Shade Color Variation

#ad40cd
```
#ad40cd rgb(173,64,205)
```
#b34fd1
```
#b34fd1 rgb(179,79,209)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#c16fd9
```
#c16fd9 rgb(193,111,217)
```
#c77edd
```
#c77edd rgb(199,126,221)
```
#ce8ee1
```
#ce8ee1 rgb(206,142,225)
```
#d59de5
```
#d59de5 rgb(213,157,229)
```
#dcade9
```
#dcade9 rgb(220,173,233)
```
#e2bced
```
#e2bced rgb(226,188,237)
```
#e9ccf2
```
#e9ccf2 rgb(233,204,242)
```
#f0dbf6
```
#f0dbf6 rgb(240,219,246)
```
#f6ebfa
```
#f6ebfa rgb(246,235,250)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#9d959f
```
#9d959f rgb(157,149,159)
```
#a18ea6
```
#a18ea6 rgb(161,142,166)
```
#a586ae
```
#a586ae rgb(165,134,174)
```
#a97eb6
```
#a97eb6 rgb(169,126,182)
```
#ad76be
```
#ad76be rgb(173,118,190)
```
#b26fc5
```
#b26fc5 rgb(178,111,197)
```
#b667cd
```
#b667cd rgb(182,103,205)
```
#ba5fd5
```
#ba5fd5 rgb(186,95,213)
```
#be57dd
```
#be57dd rgb(190,87,221)
```
#c24fe5
```
#c24fe5 rgb(194,79,229)
```
#c748ec
```
#c748ec rgb(199,72,236)
```
#cb40f4
```
#cb40f4 rgb(203,64,244)
```
#cf38fc
```
#cf38fc rgb(207,56,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5087f1 Protanopia 1% of men
#698acb Deuteranopia 1% of men
#b07d86 Tritanopia 0.001% of the population

Trichromacy

#7679e6 Protanomaly 1% of men, 0.01% of women
#867acf Deuteranomaly 6% of men, 0.4% of women
#b372a3 Tritanomaly 0.01% of the population

#ba5fd5 hex color

#ba5fd5 Color Information

#ba5fd5 Color Conversion

Color Schemes with #ba5fd5

Alternatives to #ba5fd5

#ba5fd5 Preview

Shades and Tints of #ba5fd5

Tones of #ba5fd5

Color Blindness Simulator