#ba889f hex color

In a RGB color space, hex #ba889f is composed of 72.9% red, 53.3% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 14.5% yellow and 27.1% black. It has a hue angle of 332.4 degrees, a saturation of 26.6% and a lightness of 63.1%. #ba889f color hex could be obtained by blending #ffffff with #75113f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 53
- B 62
RGB color chart
- C 0
- M 27
- Y 15
- K 27
CMYK color chart

● #ba889f color description : Slightly desaturated pink.

The hexadecimal color #ba889f has RGB values of R:186, G:136, B:159 and CMYK values of C:0, M:0.27, Y:0.15, K:0.27. Its decimal value is 12224671.

Hex triplet	ba889f	`#ba889f`
RGB Decimal	186, 136, 159	`rgb(186,136,159)`
RGB Percent	72.9, 53.3, 62.4	`rgb(72.9%,53.3%,62.4%)`
CMYK	0, 27, 15, 27
HSL	332.4°, 26.6, 63.1	`hsl(332.4,26.6%,63.1%)`
HSV (or HSB)	332.4°, 26.9, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	62.127, 22.685, -4.656
XYZ	35.311, 30.552, 36.836
xyY	0.344, 0.297, 30.552
CIE-LCH	62.127, 23.158, 348.401
CIE-LUV	62.127, 29.053, -10.634
Hunter-Lab	55.274, 17.305, -0.821
Binary	10111010, 10001000, 10011111

#ba889f
```
#ba889f rgb(186,136,159)
```
#88baa3
```
#88baa3 rgb(136,186,163)
```

Complementary Color

#ba88b8
```
#ba88b8 rgb(186,136,184)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#ba8a88
```
#ba8a88 rgb(186,138,136)
```

Analogous Color

#88b8ba
```
#88b8ba rgb(136,184,186)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#88ba8a
```
#88ba8a rgb(136,186,138)
```

Split Complementary Color

#889fba
```
#889fba rgb(136,159,186)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#9fba88
```
#9fba88 rgb(159,186,136)
```

Triadic Color

#a388ba
```
#a388ba rgb(163,136,186)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#9fba88
```
#9fba88 rgb(159,186,136)
```
#88baa3
```
#88baa3 rgb(136,186,163)
```

Tetradic Color

#9b5a78
```
#9b5a78 rgb(155,90,120)
```
#a76885
```
#a76885 rgb(167,104,133)
```
#b17892
```
#b17892 rgb(177,120,146)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#c398ac
```
#c398ac rgb(195,152,172)
```
#cda8b9
```
#cda8b9 rgb(205,168,185)
```
#d6b8c6
```
#d6b8c6 rgb(214,184,198)
```

Monochromatic Color

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

#ba88ac
```
#ba88ac rgb(186,136,172)
```
#ba88a7
```
#ba88a7 rgb(186,136,167)
```
#ba88a3
```
#ba88a3 rgb(186,136,163)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#ba889b
```
#ba889b rgb(186,136,155)
```
#ba8897
```
#ba8897 rgb(186,136,151)
```
#ba8893
```
#ba8893 rgb(186,136,147)
```

Similar Colors

Text with hexadecimal color #ba889f

This text has a font color of #ba889f.

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

#ba889f background color

This paragraph has a background color of #ba889f.

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

#ba889f border color

This element has a border color of #ba889f.

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

CSS codes

.text {color:#ba889f;}

.background {background-color:#ba889f;}

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

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

#050304
```
#050304 rgb(5,3,4)
```
#120a0e
```
#120a0e rgb(18,10,14)
```
#1e1117
```
#1e1117 rgb(30,17,23)
```
#2a1921
```
#2a1921 rgb(42,25,33)
```
#37202a
```
#37202a rgb(55,32,42)
```
#432734
```
#432734 rgb(67,39,52)
```
#502e3e
```
#502e3e rgb(80,46,62)
```
#5c3547
```
#5c3547 rgb(92,53,71)
```
#683d51
```
#683d51 rgb(104,61,81)
```
#75445a
```
#75445a rgb(117,68,90)
```
#814b64
```
#814b64 rgb(129,75,100)
```
#8e526e
```
#8e526e rgb(142,82,110)
```
#9a5977
```
#9a5977 rgb(154,89,119)
```

Shade Color Variation

#a46381
```
#a46381 rgb(164,99,129)
```
#ac6f8b
```
#ac6f8b rgb(172,111,139)
```
#b37c95
```
#b37c95 rgb(179,124,149)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#c194a9
```
#c194a9 rgb(193,148,169)
```
#c8a1b3
```
#c8a1b3 rgb(200,161,179)
```
#d0adbd
```
#d0adbd rgb(208,173,189)
```
#d7bac7
```
#d7bac7 rgb(215,186,199)
```
#dec6d1
```
#dec6d1 rgb(222,198,209)
```
#e5d2db
```
#e5d2db rgb(229,210,219)
```
#ecdfe5
```
#ecdfe5 rgb(236,223,229)
```
#f4ebef
```
#f4ebef rgb(244,235,239)
```
#fbf8f9
```
#fbf8f9 rgb(251,248,249)
```

Tint Color Variation

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

#a49ea1
```
#a49ea1 rgb(164,158,161)
```
#ac96a0
```
#ac96a0 rgb(172,150,160)
```
#b38fa0
```
#b38fa0 rgb(179,143,160)
```
#ba889f
```
#ba889f rgb(186,136,159)
```
#c1819e
```
#c1819e rgb(193,129,158)
```
#c87a9e
```
#c87a9e rgb(200,122,158)
```
#d0729d
```
#d0729d rgb(208,114,157)
```
#d76b9d
```
#d76b9d rgb(215,107,157)
```
#de649c
```
#de649c rgb(222,100,156)
```
#e55d9c
```
#e55d9c rgb(229,93,156)
```
#ed559b
```
#ed559b rgb(237,85,155)
```
#f44e9a
```
#f44e9a rgb(244,78,154)
```
#fb479a
```
#fb479a rgb(251,71,154)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a0969b Atypical Achromatopsia 0.001% of the population

Dichromacy

#999aaa Protanopia 1% of men
#a797a1 Deuteranopia 1% of men
#bc8f9a Tritanopia 0.001% of the population

Trichromacy

#a593a6 Protanomaly 1% of men, 0.01% of women
#ae91a0 Deuteranomaly 6% of men, 0.4% of women
#bb8d9b Tritanomaly 0.01% of the population

#ba889f hex color

#ba889f Color Information

#ba889f Color Conversion

Color Schemes with #ba889f

Alternatives to #ba889f

#ba889f Preview

Shades and Tints of #ba889f

Tones of #ba889f

Color Blindness Simulator