#ba88b5 hex color

In a RGB color space, hex #ba88b5 is composed of 72.9% red, 53.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 2.7% yellow and 27.1% black. It has a hue angle of 306 degrees, a saturation of 26.6% and a lightness of 63.1%. #ba88b5 color hex could be obtained by blending #ffffff with #75116b. Closest websafe color is: #cc99cc.

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

● #ba88b5 color description : Slightly desaturated magenta.

The hexadecimal color #ba88b5 has RGB values of R:186, G:136, B:181 and CMYK values of C:0, M:0.27, Y:0.03, K:0.27. Its decimal value is 12224693.

Hex triplet	ba88b5	`#ba88b5`
RGB Decimal	186, 136, 181	`rgb(186,136,181)`
RGB Percent	72.9, 53.3, 71	`rgb(72.9%,53.3%,71%)`
CMYK	0, 27, 3, 27
HSL	306°, 26.6, 63.1	`hsl(306,26.6%,63.1%)`
HSV (or HSB)	306°, 26.9, 72.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.831, 26.583, -16.089
XYZ	37.393, 31.385, 47.802
xyY	0.321, 0.269, 31.385
CIE-LCH	62.831, 31.073, 328.815
CIE-LUV	62.831, 25.908, -28.445
Hunter-Lab	56.022, 21.106, -11.375
Binary	10111010, 10001000, 10110101

#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#88ba8d
```
#88ba8d rgb(136,186,141)
```

Complementary Color

#a688ba
```
#a688ba rgb(166,136,186)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#ba889c
```
#ba889c rgb(186,136,156)
```

Analogous Color

#88baa6
```
#88baa6 rgb(136,186,166)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#9cba88
```
#9cba88 rgb(156,186,136)
```

Split Complementary Color

#88b5ba
```
#88b5ba rgb(136,181,186)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#b5ba88
```
#b5ba88 rgb(181,186,136)
```

Triadic Color

#8d88ba
```
#8d88ba rgb(141,136,186)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#b5ba88
```
#b5ba88 rgb(181,186,136)
```
#88ba8d
```
#88ba8d rgb(136,186,141)
```

Tetradic Color

#9b5a95
```
#9b5a95 rgb(155,90,149)
```
#a768a1
```
#a768a1 rgb(167,104,161)
```
#b178ab
```
#b178ab rgb(177,120,171)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#c398bf
```
#c398bf rgb(195,152,191)
```
#cda8c9
```
#cda8c9 rgb(205,168,201)
```
#d6b8d3
```
#d6b8d3 rgb(214,184,211)
```

Monochromatic Color

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

#b388ba
```
#b388ba rgb(179,136,186)
```
#b788ba
```
#b788ba rgb(183,136,186)
```
#ba88b9
```
#ba88b9 rgb(186,136,185)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#ba88b1
```
#ba88b1 rgb(186,136,177)
```
#ba88ad
```
#ba88ad rgb(186,136,173)
```
#ba88a9
```
#ba88a9 rgb(186,136,169)
```

Similar Colors

Text with hexadecimal color #ba88b5

This text has a font color of #ba88b5.

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

#ba88b5 background color

This paragraph has a background color of #ba88b5.

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

#ba88b5 border color

This element has a border color of #ba88b5.

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

CSS codes

.text {color:#ba88b5;}

.background {background-color:#ba88b5;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#120a11
```
#120a11 rgb(18,10,17)
```
#1e111d
```
#1e111d rgb(30,17,29)
```
#2a1929
```
#2a1929 rgb(42,25,41)
```
#372035
```
#372035 rgb(55,32,53)
```
#432740
```
#432740 rgb(67,39,64)
```
#502e4c
```
#502e4c rgb(80,46,76)
```
#5c3558
```
#5c3558 rgb(92,53,88)
```
#683d64
```
#683d64 rgb(104,61,100)
```
#754470
```
#754470 rgb(117,68,112)
```
#814b7c
```
#814b7c rgb(129,75,124)
```
#8e5288
```
#8e5288 rgb(142,82,136)
```
#9a5994
```
#9a5994 rgb(154,89,148)
```

Shade Color Variation

#a4639e
```
#a4639e rgb(164,99,158)
```
#ac6fa6
```
#ac6fa6 rgb(172,111,166)
```
#b37cad
```
#b37cad rgb(179,124,173)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#c194bd
```
#c194bd rgb(193,148,189)
```
#c8a1c4
```
#c8a1c4 rgb(200,161,196)
```
#d0adcc
```
#d0adcc rgb(208,173,204)
```
#d7bad4
```
#d7bad4 rgb(215,186,212)
```
#dec6dc
```
#dec6dc rgb(222,198,220)
```
#e5d2e3
```
#e5d2e3 rgb(229,210,227)
```
#ecdfeb
```
#ecdfeb rgb(236,223,235)
```
#f4ebf3
```
#f4ebf3 rgb(244,235,243)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

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

#a49ea4
```
#a49ea4 rgb(164,158,164)
```
#ac96a9
```
#ac96a9 rgb(172,150,169)
```
#b38faf
```
#b38faf rgb(179,143,175)
```
#ba88b5
```
#ba88b5 rgb(186,136,181)
```
#c181bb
```
#c181bb rgb(193,129,187)
```
#c87ac1
```
#c87ac1 rgb(200,122,193)
```
#d072c6
```
#d072c6 rgb(208,114,198)
```
#d76bcc
```
#d76bcc rgb(215,107,204)
```
#de64d2
```
#de64d2 rgb(222,100,210)
```
#e55dd8
```
#e55dd8 rgb(229,93,216)
```
#ed55dd
```
#ed55dd rgb(237,85,221)
```
#f44ee3
```
#f44ee3 rgb(244,78,227)
```
#fb47e9
```
#fb47e9 rgb(251,71,233)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a298a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939bc1 Protanopia 1% of men
#9f99b5 Deuteranopia 1% of men
#b9939d Tritanopia 0.001% of the population

Trichromacy

#a194bc Protanomaly 1% of men, 0.01% of women
#a993b5 Deuteranomaly 6% of men, 0.4% of women
#b98fa6 Tritanomaly 0.01% of the population

#ba88b5 hex color

#ba88b5 Color Information

#ba88b5 Color Conversion

Color Schemes with #ba88b5

Alternatives to #ba88b5

#ba88b5 Preview

Shades and Tints of #ba88b5

Tones of #ba88b5

Color Blindness Simulator