#ba5fa9 hex color

In a RGB color space, hex #ba5fa9 is composed of 72.9% red, 37.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.9% magenta, 9.1% yellow and 27.1% black. It has a hue angle of 311.2 degrees, a saturation of 39.7% and a lightness of 55.1%. #ba5fa9 color hex could be obtained by blending #ffbeff with #750053. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 37
- B 66
RGB color chart
- C 0
- M 49
- Y 9
- K 27
CMYK color chart

● #ba5fa9 color description : Slightly desaturated magenta.

The hexadecimal color #ba5fa9 has RGB values of R:186, G:95, B:169 and CMYK values of C:0, M:0.49, Y:0.09, K:0.27. Its decimal value is 12214185.

Hex triplet	ba5fa9	`#ba5fa9`
RGB Decimal	186, 95, 169	`rgb(186,95,169)`
RGB Percent	72.9, 37.3, 66.3	`rgb(72.9%,37.3%,66.3%)`
CMYK	0, 49, 9, 27
HSL	311.2°, 39.7, 55.1	`hsl(311.2,39.7%,55.1%)`
HSV (or HSB)	311.2°, 48.9, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	53.481, 46.536, -23.471
XYZ	31.503, 21.49, 40.023
xyY	0.339, 0.231, 21.49
CIE-LCH	53.481, 52.12, 333.235
CIE-LUV	53.481, 47.315, -41.876
Hunter-Lab	46.357, 40.178, -18.738
Binary	10111010, 01011111, 10101001

#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#5fba70
```
#5fba70 rgb(95,186,112)
```

Complementary Color

#9e5fba
```
#9e5fba rgb(158,95,186)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#ba5f7c
```
#ba5f7c rgb(186,95,124)
```

Analogous Color

#5fba9e
```
#5fba9e rgb(95,186,158)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#7cba5f
```
#7cba5f rgb(124,186,95)
```

Split Complementary Color

#5fa9ba
```
#5fa9ba rgb(95,169,186)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#a9ba5f
```
#a9ba5f rgb(169,186,95)
```

Triadic Color

#705fba
```
#705fba rgb(112,95,186)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#a9ba5f
```
#a9ba5f rgb(169,186,95)
```
#5fba70
```
#5fba70 rgb(95,186,112)
```

Tetradic Color

#8f3e80
```
#8f3e80 rgb(143,62,128)
```
#a14590
```
#a14590 rgb(161,69,144)
```
#b24d9f
```
#b24d9f rgb(178,77,159)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#c271b3
```
#c271b3 rgb(194,113,179)
```
#c983bc
```
#c983bc rgb(201,131,188)
```
#d194c6
```
#d194c6 rgb(209,148,198)
```

Monochromatic Color

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

#b45fba
```
#b45fba rgb(180,95,186)
```
#ba5fb8
```
#ba5fb8 rgb(186,95,184)
```
#ba5fb1
```
#ba5fb1 rgb(186,95,177)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#ba5fa1
```
#ba5fa1 rgb(186,95,161)
```
#ba5f9a
```
#ba5f9a rgb(186,95,154)
```
#ba5f92
```
#ba5f92 rgb(186,95,146)
```

Similar Colors

Text with hexadecimal color #ba5fa9

This text has a font color of #ba5fa9.

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

#ba5fa9 background color

This paragraph has a background color of #ba5fa9.

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

#ba5fa9 border color

This element has a border color of #ba5fa9.

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

CSS codes

.text {color:#ba5fa9;}

.background {background-color:#ba5fa9;}

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

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, #040204 is the darkest color, while #fbf6fa is the lightest one.

#040204
```
#040204 rgb(4,2,4)
```
#120810
```
#120810 rgb(18,8,16)
```
#200e1c
```
#200e1c rgb(32,14,28)
```
#2e1429
```
#2e1429 rgb(46,20,41)
```
#3b1a35
```
#3b1a35 rgb(59,26,53)
```
#491f41
```
#491f41 rgb(73,31,65)
```
#57254d
```
#57254d rgb(87,37,77)
```
#642b5a
```
#642b5a rgb(100,43,90)
```
#723166
```
#723166 rgb(114,49,102)
```
#803772
```
#803772 rgb(128,55,114)
```
#8e3d7e
```
#8e3d7e rgb(142,61,126)
```
#9b438b
```
#9b438b rgb(155,67,139)
```
#a94997
```
#a94997 rgb(169,73,151)
```

Shade Color Variation

#b451a2
```
#b451a2 rgb(180,81,162)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#c06db0
```
#c06db0 rgb(192,109,176)
```
#c67ab8
```
#c67ab8 rgb(198,122,184)
```
#cc88bf
```
#cc88bf rgb(204,136,191)
```
#d296c6
```
#d296c6 rgb(210,150,198)
```
#d8a4ce
```
#d8a4ce rgb(216,164,206)
```
#ddb1d5
```
#ddb1d5 rgb(221,177,213)
```
#e3bfdd
```
#e3bfdd rgb(227,191,221)
```
#e9cde4
```
#e9cde4 rgb(233,205,228)
```
#efdaeb
```
#efdaeb rgb(239,218,235)
```
#f5e8f3
```
#f5e8f3 rgb(245,232,243)
```
#fbf6fa
```
#fbf6fa rgb(251,246,250)
```

Tint Color Variation

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

#8e8b8d
```
#8e8b8d rgb(142,139,141)
```
#978293
```
#978293 rgb(151,130,147)
```
#a07998
```
#a07998 rgb(160,121,152)
```
#a8719e
```
#a8719e rgb(168,113,158)
```
#b168a3
```
#b168a3 rgb(177,104,163)
```
#ba5fa9
```
#ba5fa9 rgb(186,95,169)
```
#c356af
```
#c356af rgb(195,86,175)
```
#cc4db4
```
#cc4db4 rgb(204,77,180)
```
#d445ba
```
#d445ba rgb(212,69,186)
```
#dd3cbf
```
#dd3cbf rgb(221,60,191)
```
#e633c5
```
#e633c5 rgb(230,51,197)
```
#ef2aca
```
#ef2aca rgb(239,42,202)
```
#f821d0
```
#f821d0 rgb(248,33,208)
```

Tone Color Variation

Below, you can see how #ba5fa9 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
#8e7c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7084c1 Protanopia 1% of men
#8183a5 Deuteranopia 1% of men
#b7737a Tritanopia 0.001% of the population

Trichromacy

#8a76b8 Protanomaly 1% of men, 0.01% of women
#9676a6 Deuteranomaly 6% of men, 0.4% of women
#b86b8b Tritanomaly 0.01% of the population

#ba5fa9 hex color

#ba5fa9 Color Information

#ba5fa9 Color Conversion

Color Schemes with #ba5fa9

Alternatives to #ba5fa9

#ba5fa9 Preview

Shades and Tints of #ba5fa9

Tones of #ba5fa9

Color Blindness Simulator