#bb86bb hex color

In a RGB color space, hex #bb86bb is composed of 73.3% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 300 degrees, a saturation of 28% and a lightness of 62.9%. #bb86bb color hex could be obtained by blending #ffffff with #770d77. Closest websafe color is: #cc99cc.

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

● #bb86bb color description : Slightly desaturated magenta.

The hexadecimal color #bb86bb has RGB values of R:187, G:134, B:187 and CMYK values of C:0, M:0.28, Y:0, K:0.27. Its decimal value is 12289723.

Hex triplet	bb86bb	`#bb86bb`
RGB Decimal	187, 134, 187	`rgb(187,134,187)`
RGB Percent	73.3, 52.5, 73.3	`rgb(73.3%,52.5%,73.3%)`
CMYK	0, 28, 0, 27
HSL	300°, 28, 62.9	`hsl(300,28%,62.9%)`
HSV (or HSB)	300°, 28.3, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.679, 29.166, -19.701
XYZ	37.987, 31.204, 51.033
xyY	0.316, 0.26, 31.204
CIE-LCH	62.679, 35.196, 325.961
CIE-LUV	62.679, 26.632, -34.448
Hunter-Lab	55.86, 23.631, -15.064
Binary	10111011, 10000110, 10111011

#bb86bb
```
#bb86bb rgb(187,134,187)
```
#86bb86
```
#86bb86 rgb(134,187,134)
```

Complementary Color

#a186bb
```
#a186bb rgb(161,134,187)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#bb86a1
```
#bb86a1 rgb(187,134,161)
```

Analogous Color

#86bba1
```
#86bba1 rgb(134,187,161)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#a1bb86
```
#a1bb86 rgb(161,187,134)
```

Split Complementary Color

#86bbbb
```
#86bbbb rgb(134,187,187)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#bbbb86
```
#bbbb86 rgb(187,187,134)
```

Triadic Color

#8686bb
```
#8686bb rgb(134,134,187)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#bbbb86
```
#bbbb86 rgb(187,187,134)
```
#86bb86
```
#86bb86 rgb(134,187,134)
```

Tetradic Color

#9d589d
```
#9d589d rgb(157,88,157)
```
#a965a9
```
#a965a9 rgb(169,101,169)
```
#b276b2
```
#b276b2 rgb(178,118,178)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#c496c4
```
#c496c4 rgb(196,150,196)
```
#cda7cd
```
#cda7cd rgb(205,167,205)
```
#d7b7d7
```
#d7b7d7 rgb(215,183,215)
```

Monochromatic Color

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

#ae86bb
```
#ae86bb rgb(174,134,187)
```
#b286bb
```
#b286bb rgb(178,134,187)
```
#b786bb
```
#b786bb rgb(183,134,187)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#bb86b7
```
#bb86b7 rgb(187,134,183)
```
#bb86b2
```
#bb86b2 rgb(187,134,178)
```
#bb86ae
```
#bb86ae rgb(187,134,174)
```

Similar Colors

Text with hexadecimal color #bb86bb

This text has a font color of #bb86bb.

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

#bb86bb background color

This paragraph has a background color of #bb86bb.

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

#bb86bb border color

This element has a border color of #bb86bb.

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

CSS codes

.text {color:#bb86bb;}

.background {background-color:#bb86bb;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#110a11
```
#110a11 rgb(17,10,17)
```
#1e111e
```
#1e111e rgb(30,17,30)
```
#2a182a
```
#2a182a rgb(42,24,42)
```
#371f37
```
#371f37 rgb(55,31,55)
```
#432643
```
#432643 rgb(67,38,67)
```
#502d50
```
#502d50 rgb(80,45,80)
```
#5c345c
```
#5c345c rgb(92,52,92)
```
#693b69
```
#693b69 rgb(105,59,105)
```
#764276
```
#764276 rgb(118,66,118)
```
#824982
```
#824982 rgb(130,73,130)
```
#8f508f
```
#8f508f rgb(143,80,143)
```
#9b579b
```
#9b579b rgb(155,87,155)
```

Shade Color Variation

#a660a6
```
#a660a6 rgb(166,96,166)
```
#ad6dad
```
#ad6dad rgb(173,109,173)
```
#b479b4
```
#b479b4 rgb(180,121,180)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#c293c2
```
#c293c2 rgb(194,147,194)
```
#c99fc9
```
#c99fc9 rgb(201,159,201)
```
#d0acd0
```
#d0acd0 rgb(208,172,208)
```
#d7b8d7
```
#d7b8d7 rgb(215,184,215)
```
#dec5de
```
#dec5de rgb(222,197,222)
```
#e5d1e5
```
#e5d1e5 rgb(229,209,229)
```
#ecdeec
```
#ecdeec rgb(236,222,236)
```
#f3eaf3
```
#f3eaf3 rgb(243,234,243)
```
#fbf7fb
```
#fbf7fb rgb(251,247,251)
```

Tint Color Variation

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

#a59ca5
```
#a59ca5 rgb(165,156,165)
```
#ac95ac
```
#ac95ac rgb(172,149,172)
```
#b48db4
```
#b48db4 rgb(180,141,180)
```
#bb86bb
```
#bb86bb rgb(187,134,187)
```
#c27fc2
```
#c27fc2 rgb(194,127,194)
```
#ca77ca
```
#ca77ca rgb(202,119,202)
```
#d170d1
```
#d170d1 rgb(209,112,209)
```
#d869d8
```
#d869d8 rgb(216,105,216)
```
#df62df
```
#df62df rgb(223,98,223)
```
#e75ae7
```
#e75ae7 rgb(231,90,231)
```
#ee53ee
```
#ee53ee rgb(238,83,238)
```
#f54cf5
```
#f54cf5 rgb(245,76,245)
```
#fc45fc
```
#fc45fc rgb(252,69,252)
```

Tone Color Variation

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

#909bc8 Protanopia 1% of men
#9c99ba Deuteranopia 1% of men
#b9929d Tritanopia 0.001% of the population

Trichromacy

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

#bb86bb hex color

#bb86bb Color Information

#bb86bb Color Conversion

Color Schemes with #bb86bb

Alternatives to #bb86bb

#bb86bb Preview

Shades and Tints of #bb86bb

Tones of #bb86bb

Color Blindness Simulator