#ba5f85 hex color

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

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

● #ba5f85 color description : Slightly desaturated pink.

The hexadecimal color #ba5f85 has RGB values of R:186, G:95, B:133 and CMYK values of C:0, M:0.49, Y:0.28, K:0.27. Its decimal value is 12214149.

Hex triplet	ba5f85	`#ba5f85`
RGB Decimal	186, 95, 133	`rgb(186,95,133)`
RGB Percent	72.9, 37.3, 52.2	`rgb(72.9%,37.3%,52.2%)`
CMYK	0, 49, 28, 27
HSL	334.9°, 39.7, 55.1	`hsl(334.9,39.7%,55.1%)`
HSV (or HSB)	334.9°, 48.9, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	52.196, 41.009, -4.242
XYZ	28.576, 20.319, 24.606
xyY	0.389, 0.276, 20.319
CIE-LCH	52.196, 41.228, 354.094
CIE-LUV	52.196, 56.238, -13.041
Hunter-Lab	45.076, 34.274, -0.811
Binary	10111010, 01011111, 10000101

#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#5fba94
```
#5fba94 rgb(95,186,148)
```

Complementary Color

#ba5fb3
```
#ba5fb3 rgb(186,95,179)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#ba675f
```
#ba675f rgb(186,103,95)
```

Analogous Color

#5fb3ba
```
#5fb3ba rgb(95,179,186)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#5fba67
```
#5fba67 rgb(95,186,103)
```

Split Complementary Color

#5f85ba
```
#5f85ba rgb(95,133,186)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#85ba5f
```
#85ba5f rgb(133,186,95)
```

Triadic Color

#945fba
```
#945fba rgb(148,95,186)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#85ba5f
```
#85ba5f rgb(133,186,95)
```
#5fba94
```
#5fba94 rgb(95,186,148)
```

Tetradic Color

#8f3e60
```
#8f3e60 rgb(143,62,96)
```
#a1456b
```
#a1456b rgb(161,69,107)
```
#b24d77
```
#b24d77 rgb(178,77,119)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#c27193
```
#c27193 rgb(194,113,147)
```
#c983a0
```
#c983a0 rgb(201,131,160)
```
#d194ae
```
#d194ae rgb(209,148,174)
```

Monochromatic Color

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

#ba5f9c
```
#ba5f9c rgb(186,95,156)
```
#ba5f94
```
#ba5f94 rgb(186,95,148)
```
#ba5f8d
```
#ba5f8d rgb(186,95,141)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#ba5f7d
```
#ba5f7d rgb(186,95,125)
```
#ba5f76
```
#ba5f76 rgb(186,95,118)
```
#ba5f6e
```
#ba5f6e rgb(186,95,110)
```

Similar Colors

Text with hexadecimal color #ba5f85

This text has a font color of #ba5f85.

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

#ba5f85 background color

This paragraph has a background color of #ba5f85.

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

#ba5f85 border color

This element has a border color of #ba5f85.

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

CSS codes

.text {color:#ba5f85;}

.background {background-color:#ba5f85;}

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

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

#040203
```
#040203 rgb(4,2,3)
```
#12080c
```
#12080c rgb(18,8,12)
```
#200e15
```
#200e15 rgb(32,14,21)
```
#2e141e
```
#2e141e rgb(46,20,30)
```
#3b1a28
```
#3b1a28 rgb(59,26,40)
```
#491f31
```
#491f31 rgb(73,31,49)
```
#57253a
```
#57253a rgb(87,37,58)
```
#642b43
```
#642b43 rgb(100,43,67)
```
#72314c
```
#72314c rgb(114,49,76)
```
#803755
```
#803755 rgb(128,55,85)
```
#8e3d5f
```
#8e3d5f rgb(142,61,95)
```
#9b4368
```
#9b4368 rgb(155,67,104)
```
#a94971
```
#a94971 rgb(169,73,113)
```

Shade Color Variation

#b4517b
```
#b4517b rgb(180,81,123)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#c06d8f
```
#c06d8f rgb(192,109,143)
```
#c67a9a
```
#c67a9a rgb(198,122,154)
```
#cc88a4
```
#cc88a4 rgb(204,136,164)
```
#d296af
```
#d296af rgb(210,150,175)
```
#d8a4b9
```
#d8a4b9 rgb(216,164,185)
```
#ddb1c4
```
#ddb1c4 rgb(221,177,196)
```
#e3bfce
```
#e3bfce rgb(227,191,206)
```
#e9cdd9
```
#e9cdd9 rgb(233,205,217)
```
#efdae3
```
#efdae3 rgb(239,218,227)
```
#f5e8ee
```
#f5e8ee rgb(245,232,238)
```
#fbf6f8
```
#fbf6f8 rgb(251,246,248)
```

Tint Color Variation

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

#8e8b8c
```
#8e8b8c rgb(142,139,140)
```
#97828b
```
#97828b rgb(151,130,139)
```
#a07989
```
#a07989 rgb(160,121,137)
```
#a87188
```
#a87188 rgb(168,113,136)
```
#b16886
```
#b16886 rgb(177,104,134)
```
#ba5f85
```
#ba5f85 rgb(186,95,133)
```
#c35684
```
#c35684 rgb(195,86,132)
```
#cc4d82
```
#cc4d82 rgb(204,77,130)
```
#d44581
```
#d44581 rgb(212,69,129)
```
#dd3c7f
```
#dd3c7f rgb(221,60,127)
```
#e6337e
```
#e6337e rgb(230,51,126)
```
#ef2a7c
```
#ef2a7c rgb(239,42,124)
```
#f8217b
```
#f8217b rgb(248,33,123)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d829a Protanopia 1% of men
#8e7f85 Deuteranopia 1% of men
#bb6c73 Tritanopia 0.001% of the population

Trichromacy

#937592 Protanomaly 1% of men, 0.01% of women
#9e7385 Deuteranomaly 6% of men, 0.4% of women
#ba6779 Tritanomaly 0.01% of the population

#ba5f85 hex color

#ba5f85 Color Information

#ba5f85 Color Conversion

Color Schemes with #ba5f85

Alternatives to #ba5f85

#ba5f85 Preview

Shades and Tints of #ba5f85

Tones of #ba5f85

Color Blindness Simulator