#ba87bb hex color

In a RGB color space, hex #ba87bb is composed of 72.9% red, 52.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 27.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 298.8 degrees, a saturation of 27.7% and a lightness of 63.1%. #ba87bb color hex could be obtained by blending #ffffff with #750f77. Closest websafe color is: #cc99cc.

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

● #ba87bb color description : Slightly desaturated magenta.

The hexadecimal color #ba87bb has RGB values of R:186, G:135, B:187 and CMYK values of C:0.01, M:0.28, Y:0, K:0.27. Its decimal value is 12224443.

Hex triplet	ba87bb	`#ba87bb`
RGB Decimal	186, 135, 187	`rgb(186,135,187)`
RGB Percent	72.9, 52.9, 73.3	`rgb(72.9%,52.9%,73.3%)`
CMYK	1, 28, 0, 27
HSL	298.8°, 27.7, 63.1	`hsl(298.8,27.7%,63.1%)`
HSV (or HSB)	298.8°, 27.8, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.807, 28.276, -19.517
XYZ	37.882, 31.356, 51.068
xyY	0.315, 0.261, 31.356
CIE-LCH	62.807, 34.358, 325.386
CIE-LUV	62.807, 25.519, -34.028
Hunter-Lab	55.996, 22.764, -14.874
Binary	10111010, 10000111, 10111011

#ba87bb
```
#ba87bb rgb(186,135,187)
```
#88bb87
```
#88bb87 rgb(136,187,135)
```

Complementary Color

#a087bb
```
#a087bb rgb(160,135,187)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#bb87a2
```
#bb87a2 rgb(187,135,162)
```

Analogous Color

#87bba0
```
#87bba0 rgb(135,187,160)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#a2bb87
```
#a2bb87 rgb(162,187,135)
```

Split Complementary Color

#87bbba
```
#87bbba rgb(135,187,186)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#bbba87
```
#bbba87 rgb(187,186,135)
```

Triadic Color

#8788bb
```
#8788bb rgb(135,136,187)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#bbba87
```
#bbba87 rgb(187,186,135)
```
#88bb87
```
#88bb87 rgb(136,187,135)
```

Tetradic Color

#9b599d
```
#9b599d rgb(155,89,157)
```
#a766a9
```
#a766a9 rgb(167,102,169)
```
#b177b2
```
#b177b2 rgb(177,119,178)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#c397c4
```
#c397c4 rgb(195,151,196)
```
#cda8cd
```
#cda8cd rgb(205,168,205)
```
#d6b8d7
```
#d6b8d7 rgb(214,184,215)
```

Monochromatic Color

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

#ad87bb
```
#ad87bb rgb(173,135,187)
```
#b187bb
```
#b187bb rgb(177,135,187)
```
#b687bb
```
#b687bb rgb(182,135,187)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#bb87b8
```
#bb87b8 rgb(187,135,184)
```
#bb87b3
```
#bb87b3 rgb(187,135,179)
```
#bb87af
```
#bb87af rgb(187,135,175)
```

Similar Colors

Text with hexadecimal color #ba87bb

This text has a font color of #ba87bb.

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

#ba87bb background color

This paragraph has a background color of #ba87bb.

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

#ba87bb border color

This element has a border color of #ba87bb.

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

CSS codes

.text {color:#ba87bb;}

.background {background-color:#ba87bb;}

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

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 #fbf8fb is the lightest one.

#050305
```
#050305 rgb(5,3,5)
```
#120a12
```
#120a12 rgb(18,10,18)
```
#1e111e
```
#1e111e rgb(30,17,30)
```
#2a182b
```
#2a182b rgb(42,24,43)
```
#371f37
```
#371f37 rgb(55,31,55)
```
#432644
```
#432644 rgb(67,38,68)
```
#502e50
```
#502e50 rgb(80,46,80)
```
#5c355d
```
#5c355d rgb(92,53,93)
```
#683c69
```
#683c69 rgb(104,60,105)
```
#754376
```
#754376 rgb(117,67,118)
```
#814a82
```
#814a82 rgb(129,74,130)
```
#8e518f
```
#8e518f rgb(142,81,143)
```
#9a589b
```
#9a589b rgb(154,88,155)
```

Shade Color Variation

#a461a6
```
#a461a6 rgb(164,97,166)
```
#ac6ead
```
#ac6ead rgb(172,110,173)
```
#b37ab4
```
#b37ab4 rgb(179,122,180)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#c194c2
```
#c194c2 rgb(193,148,194)
```
#c8a0c9
```
#c8a0c9 rgb(200,160,201)
```
#d0add0
```
#d0add0 rgb(208,173,208)
```
#d7b9d7
```
#d7b9d7 rgb(215,185,215)
```
#dec6de
```
#dec6de rgb(222,198,222)
```
#e5d2e6
```
#e5d2e6 rgb(229,210,230)
```
#ecdfed
```
#ecdfed rgb(236,223,237)
```
#f4ebf4
```
#f4ebf4 rgb(244,235,244)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#a59da5
```
#a59da5 rgb(165,157,165)
```
#ac95ad
```
#ac95ad rgb(172,149,173)
```
#b38eb4
```
#b38eb4 rgb(179,142,180)
```
#ba87bb
```
#ba87bb rgb(186,135,187)
```
#c180c2
```
#c180c2 rgb(193,128,194)
```
#c879c9
```
#c879c9 rgb(200,121,201)
```
#cf71d1
```
#cf71d1 rgb(207,113,209)
```
#d66ad8
```
#d66ad8 rgb(214,106,216)
```
#dd63df
```
#dd63df rgb(221,99,223)
```
#e45ce6
```
#e45ce6 rgb(228,92,230)
```
#eb54ee
```
#eb54ee rgb(235,84,238)
```
#f24df5
```
#f24df5 rgb(242,77,245)
```
#f946fc
```
#f946fc rgb(249,70,252)
```

Tone Color Variation

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

Dichromacy

#909bc7 Protanopia 1% of men
#9c9aba Deuteranopia 1% of men
#b8939e Tritanopia 0.001% of the population

Trichromacy

#9f94c3 Protanomaly 1% of men, 0.01% of women
#a793ba Deuteranomaly 6% of men, 0.4% of women
#b88fa8 Tritanomaly 0.01% of the population

#ba87bb hex color

#ba87bb Color Information

#ba87bb Color Conversion

Color Schemes with #ba87bb

Alternatives to #ba87bb

#ba87bb Preview

Shades and Tints of #ba87bb

Tones of #ba87bb

Color Blindness Simulator