#bb87b4 hex color

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

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

● #bb87b4 color description : Slightly desaturated magenta.

The hexadecimal color #bb87b4 has RGB values of R:187, G:135, B:180 and CMYK values of C:0, M:0.28, Y:0.04, K:0.27. Its decimal value is 12289972.

Hex triplet	bb87b4	`#bb87b4`
RGB Decimal	187, 135, 180	`rgb(187,135,180)`
RGB Percent	73.3, 52.9, 70.6	`rgb(73.3%,52.9%,70.6%)`
CMYK	0, 28, 4, 27
HSL	308.1°, 27.7, 63.1	`hsl(308.1,27.7%,63.1%)`
HSV (or HSB)	308.1°, 27.8, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.667, 27.295, -15.762
XYZ	37.395, 31.189, 47.228
xyY	0.323, 0.269, 31.189
CIE-LCH	62.667, 31.519, 329.995
CIE-LUV	62.667, 27.193, -28.047
Hunter-Lab	55.847, 21.789, -11.046
Binary	10111011, 10000111, 10110100

#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#87bb8e
```
#87bb8e rgb(135,187,142)
```

Complementary Color

#a887bb
```
#a887bb rgb(168,135,187)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#bb879a
```
#bb879a rgb(187,135,154)
```

Analogous Color

#87bba8
```
#87bba8 rgb(135,187,168)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#9abb87
```
#9abb87 rgb(154,187,135)
```

Split Complementary Color

#87b4bb
```
#87b4bb rgb(135,180,187)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#b4bb87
```
#b4bb87 rgb(180,187,135)
```

Triadic Color

#8e87bb
```
#8e87bb rgb(142,135,187)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#b4bb87
```
#b4bb87 rgb(180,187,135)
```
#87bb8e
```
#87bb8e rgb(135,187,142)
```

Tetradic Color

#9d5994
```
#9d5994 rgb(157,89,148)
```
#a966a0
```
#a966a0 rgb(169,102,160)
```
#b277aa
```
#b277aa rgb(178,119,170)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#c497be
```
#c497be rgb(196,151,190)
```
#cda8c8
```
#cda8c8 rgb(205,168,200)
```
#d7b8d3
```
#d7b8d3 rgb(215,184,211)
```

Monochromatic Color

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

#b587bb
```
#b587bb rgb(181,135,187)
```
#b987bb
```
#b987bb rgb(185,135,187)
```
#bb87b8
```
#bb87b8 rgb(187,135,184)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#bb87b0
```
#bb87b0 rgb(187,135,176)
```
#bb87ab
```
#bb87ab rgb(187,135,171)
```
#bb87a7
```
#bb87a7 rgb(187,135,167)
```

Similar Colors

Text with hexadecimal color #bb87b4

This text has a font color of #bb87b4.

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

#bb87b4 background color

This paragraph has a background color of #bb87b4.

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

#bb87b4 border color

This element has a border color of #bb87b4.

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

CSS codes

.text {color:#bb87b4;}

.background {background-color:#bb87b4;}

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

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)
```
#1e111c
```
#1e111c rgb(30,17,28)
```
#2b1828
```
#2b1828 rgb(43,24,40)
```
#371f34
```
#371f34 rgb(55,31,52)
```
#442640
```
#442640 rgb(68,38,64)
```
#502e4c
```
#502e4c rgb(80,46,76)
```
#5d3557
```
#5d3557 rgb(93,53,87)
```
#693c63
```
#693c63 rgb(105,60,99)
```
#76436f
```
#76436f rgb(118,67,111)
```
#824a7b
```
#824a7b rgb(130,74,123)
```
#8f5187
```
#8f5187 rgb(143,81,135)
```
#9b5892
```
#9b5892 rgb(155,88,146)
```

Shade Color Variation

#a6619d
```
#a6619d rgb(166,97,157)
```
#ad6ea4
```
#ad6ea4 rgb(173,110,164)
```
#b47aac
```
#b47aac rgb(180,122,172)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#c294bc
```
#c294bc rgb(194,148,188)
```
#c9a0c4
```
#c9a0c4 rgb(201,160,196)
```
#d0adcb
```
#d0adcb rgb(208,173,203)
```
#d7b9d3
```
#d7b9d3 rgb(215,185,211)
```
#dec6db
```
#dec6db rgb(222,198,219)
```
#e6d2e3
```
#e6d2e3 rgb(230,210,227)
```
#eddfeb
```
#eddfeb rgb(237,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, #a59da4 is the less saturated color, while #fc46e4 is the most saturated one.

#a59da4
```
#a59da4 rgb(165,157,164)
```
#ad95a9
```
#ad95a9 rgb(173,149,169)
```
#b48eaf
```
#b48eaf rgb(180,142,175)
```
#bb87b4
```
#bb87b4 rgb(187,135,180)
```
#c280b9
```
#c280b9 rgb(194,128,185)
```
#c979bf
```
#c979bf rgb(201,121,191)
```
#d171c4
```
#d171c4 rgb(209,113,196)
```
#d86ac9
```
#d86ac9 rgb(216,106,201)
```
#df63ce
```
#df63ce rgb(223,99,206)
```
#e65cd4
```
#e65cd4 rgb(230,92,212)
```
#ee54d9
```
#ee54d9 rgb(238,84,217)
```
#f54dde
```
#f54dde rgb(245,77,222)
```
#fc46e4
```
#fc46e4 rgb(252,70,228)
```

Tone Color Variation

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

#939bc0 Protanopia 1% of men
#9f99b4 Deuteranopia 1% of men
#ba929c Tritanopia 0.001% of the population

Trichromacy

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

#bb87b4 hex color

#bb87b4 Color Information

#bb87b4 Color Conversion

Color Schemes with #bb87b4

Alternatives to #bb87b4

#bb87b4 Preview

Shades and Tints of #bb87b4

Tones of #bb87b4

Color Blindness Simulator