#bb86bc hex color

In a RGB color space, hex #bb86bc is composed of 73.3% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 298.9 degrees, a saturation of 28.7% and a lightness of 63.1%. #bb86bc color hex could be obtained by blending #ffffff with #770d79. Closest websafe color is: #cc99cc.

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

● #bb86bc color description : Slightly desaturated magenta.

The hexadecimal color #bb86bc has RGB values of R:187, G:134, B:188 and CMYK values of C:0.01, M:0.29, Y:0, K:0.26. Its decimal value is 12289724.

Hex triplet	bb86bc	`#bb86bc`
RGB Decimal	187, 134, 188	`rgb(187,134,188)`
RGB Percent	73.3, 52.5, 73.7	`rgb(73.3%,52.5%,73.7%)`
CMYK	1, 29, 0, 26
HSL	298.9°, 28.7, 63.1	`hsl(298.9,28.7%,63.1%)`
HSV (or HSB)	298.9°, 28.7, 73.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.715, 29.357, -20.211
XYZ	38.095, 31.247, 51.599
xyY	0.315, 0.258, 31.247
CIE-LCH	62.715, 35.642, 325.454
CIE-LUV	62.715, 26.481, -35.277
Hunter-Lab	55.899, 23.823, -15.6
Binary	10111011, 10000110, 10111100

#bb86bc
```
#bb86bc rgb(187,134,188)
```
#87bc86
```
#87bc86 rgb(135,188,134)
```

Complementary Color

#a086bc
```
#a086bc rgb(160,134,188)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#bc86a2
```
#bc86a2 rgb(188,134,162)
```

Analogous Color

#86bca0
```
#86bca0 rgb(134,188,160)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#a2bc86
```
#a2bc86 rgb(162,188,134)
```

Split Complementary Color

#86bcbb
```
#86bcbb rgb(134,188,187)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#bcbb86
```
#bcbb86 rgb(188,187,134)
```

Triadic Color

#8687bc
```
#8687bc rgb(134,135,188)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#bcbb86
```
#bcbb86 rgb(188,187,134)
```
#87bc86
```
#87bc86 rgb(135,188,134)
```

Tetradic Color

#9d579e
```
#9d579e rgb(157,87,158)
```
#a965aa
```
#a965aa rgb(169,101,170)
```
#b276b3
```
#b276b3 rgb(178,118,179)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#c496c5
```
#c496c5 rgb(196,150,197)
```
#cda7ce
```
#cda7ce rgb(205,167,206)
```
#d7b7d7
```
#d7b7d7 rgb(215,183,215)
```

Monochromatic Color

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

#ae86bc
```
#ae86bc rgb(174,134,188)
```
#b286bc
```
#b286bc rgb(178,134,188)
```
#b786bc
```
#b786bc rgb(183,134,188)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#bc86b9
```
#bc86b9 rgb(188,134,185)
```
#bc86b4
```
#bc86b4 rgb(188,134,180)
```
#bc86b0
```
#bc86b0 rgb(188,134,176)
```

Similar Colors

Text with hexadecimal color #bb86bc

This text has a font color of #bb86bc.

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

#bb86bc background color

This paragraph has a background color of #bb86bc.

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

#bb86bc border color

This element has a border color of #bb86bc.

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

CSS codes

.text {color:#bb86bc;}

.background {background-color:#bb86bc;}

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

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)
```
#2b182b
```
#2b182b rgb(43,24,43)
```
#371f38
```
#371f38 rgb(55,31,56)
```
#442644
```
#442644 rgb(68,38,68)
```
#502d51
```
#502d51 rgb(80,45,81)
```
#5d345e
```
#5d345e rgb(93,52,94)
```
#693b6a
```
#693b6a rgb(105,59,106)
```
#764277
```
#764277 rgb(118,66,119)
```
#824983
```
#824983 rgb(130,73,131)
```
#8f5090
```
#8f5090 rgb(143,80,144)
```
#9b579d
```
#9b579d rgb(155,87,157)
```

Shade Color Variation

#a660a7
```
#a660a7 rgb(166,96,167)
```
#ad6dae
```
#ad6dae rgb(173,109,174)
```
#b479b5
```
#b479b5 rgb(180,121,181)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#c293c3
```
#c293c3 rgb(194,147,195)
```
#c99fca
```
#c99fca rgb(201,159,202)
```
#d0acd1
```
#d0acd1 rgb(208,172,209)
```
#d7b8d8
```
#d7b8d8 rgb(215,184,216)
```
#dec5df
```
#dec5df rgb(222,197,223)
```
#e6d2e6
```
#e6d2e6 rgb(230,210,230)
```
#eddeed
```
#eddeed rgb(237,222,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, #a69ca6 is the less saturated color, while #fa45fd is the most saturated one.

#a69ca6
```
#a69ca6 rgb(166,156,166)
```
#ad94ae
```
#ad94ae rgb(173,148,174)
```
#b48db5
```
#b48db5 rgb(180,141,181)
```
#bb86bc
```
#bb86bc rgb(187,134,188)
```
#c27fc3
```
#c27fc3 rgb(194,127,195)
```
#c978ca
```
#c978ca rgb(201,120,202)
```
#d070d2
```
#d070d2 rgb(208,112,210)
```
#d769d9
```
#d769d9 rgb(215,105,217)
```
#de62e0
```
#de62e0 rgb(222,98,224)
```
#e55be7
```
#e55be7 rgb(229,91,231)
```
#ec53ef
```
#ec53ef rgb(236,83,239)
```
#f34cf6
```
#f34cf6 rgb(243,76,246)
```
#fa45fd
```
#fa45fd rgb(250,69,253)
```

Tone Color Variation

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

#8f9bc9 Protanopia 1% of men
#9b99bb Deuteranopia 1% of men
#b9939d Tritanopia 0.001% of the population

Trichromacy

#9f93c4 Protanomaly 1% of men, 0.01% of women
#a792bb Deuteranomaly 6% of men, 0.4% of women
#b98ea8 Tritanomaly 0.01% of the population

#bb86bc hex color

#bb86bc Color Information

#bb86bc Color Conversion

Color Schemes with #bb86bc

Alternatives to #bb86bc

#bb86bc Preview

Shades and Tints of #bb86bc

Tones of #bb86bc

Color Blindness Simulator