#bb86dd hex color

In a RGB color space, hex #bb86dd is composed of 73.3% red, 52.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 39.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 276.6 degrees, a saturation of 56.1% and a lightness of 69.6%. #bb86dd color hex could be obtained by blending #ffffff with #770dbb. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 53
- B 87
RGB color chart
- C 15
- M 39
- Y 0
- K 13
CMYK color chart

● #bb86dd color description : Very soft violet.

The hexadecimal color #bb86dd has RGB values of R:187, G:134, B:221 and CMYK values of C:0.15, M:0.39, Y:0, K:0.13. Its decimal value is 12289757.

Hex triplet	bb86dd	`#bb86dd`
RGB Decimal	187, 134, 221	`rgb(187,134,221)`
RGB Percent	73.3, 52.5, 86.7	`rgb(73.3%,52.5%,86.7%)`
CMYK	15, 39, 0, 13
HSL	276.6°, 56.1, 69.6	`hsl(276.6,56.1%,69.6%)`
HSV (or HSB)	276.6°, 39.4, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	64.028, 36.094, -36.685
XYZ	42.068, 32.836, 72.525
xyY	0.285, 0.223, 32.836
CIE-LCH	64.028, 51.465, 314.535
CIE-LUV	64.028, 21.534, -62.799
Hunter-Lab	57.303, 30.762, -34.928
Binary	10111011, 10000110, 11011101

#bb86dd
```
#bb86dd rgb(187,134,221)
```
#a8dd86
```
#a8dd86 rgb(168,221,134)
```

Complementary Color

#9086dd
```
#9086dd rgb(144,134,221)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#dd86d4
```
#dd86d4 rgb(221,134,212)
```

Analogous Color

#86dd90
```
#86dd90 rgb(134,221,144)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#d4dd86
```
#d4dd86 rgb(212,221,134)
```

Split Complementary Color

#86ddbb
```
#86ddbb rgb(134,221,187)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#ddbb86
```
#ddbb86 rgb(221,187,134)
```

Triadic Color

#86a8dd
```
#86a8dd rgb(134,168,221)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#ddbb86
```
#ddbb86 rgb(221,187,134)
```
#a8dd86
```
#a8dd86 rgb(168,221,134)
```

Tetradic Color

#994acc
```
#994acc rgb(153,74,204)
```
#a55ed2
```
#a55ed2 rgb(165,94,210)
```
#b072d7
```
#b072d7 rgb(176,114,215)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#c69ae3
```
#c69ae3 rgb(198,154,227)
```
#d1aee8
```
#d1aee8 rgb(209,174,232)
```
#ddc2ee
```
#ddc2ee rgb(221,194,238)
```

Monochromatic Color

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

#a586dd
```
#a586dd rgb(165,134,221)
```
#ad86dd
```
#ad86dd rgb(173,134,221)
```
#b486dd
```
#b486dd rgb(180,134,221)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#c286dd
```
#c286dd rgb(194,134,221)
```
#ca86dd
```
#ca86dd rgb(202,134,221)
```
#d186dd
```
#d186dd rgb(209,134,221)
```

Similar Colors

Text with hexadecimal color #bb86dd

This text has a font color of #bb86dd.

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

#bb86dd background color

This paragraph has a background color of #bb86dd.

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

#bb86dd border color

This element has a border color of #bb86dd.

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

CSS codes

.text {color:#bb86dd;}

.background {background-color:#bb86dd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0c0511
```
#0c0511 rgb(12,5,17)
```
#170920
```
#170920 rgb(23,9,32)
```
#220d2f
```
#220d2f rgb(34,13,47)
```
#2d123f
```
#2d123f rgb(45,18,63)
```
#38164e
```
#38164e rgb(56,22,78)
```
#431a5d
```
#431a5d rgb(67,26,93)
```
#4e1f6d
```
#4e1f6d rgb(78,31,109)
```
#59237c
```
#59237c rgb(89,35,124)
```
#64278b
```
#64278b rgb(100,39,139)
```
#6f2b9b
```
#6f2b9b rgb(111,43,155)
```
#7a30aa
```
#7a30aa rgb(122,48,170)
```
#8534b9
```
#8534b9 rgb(133,52,185)
```

Shade Color Variation

#9039c7
```
#9039c7 rgb(144,57,199)
```
#9949cc
```
#9949cc rgb(153,73,204)
```
#a158d0
```
#a158d0 rgb(161,88,208)
```
#aa67d4
```
#aa67d4 rgb(170,103,212)
```
#b277d9
```
#b277d9 rgb(178,119,217)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#c495e1
```
#c495e1 rgb(196,149,225)
```
#cca5e6
```
#cca5e6 rgb(204,165,230)
```
#d5b4ea
```
#d5b4ea rgb(213,180,234)
```
#ddc3ee
```
#ddc3ee rgb(221,195,238)
```
#e6d3f3
```
#e6d3f3 rgb(230,211,243)
```
#efe2f7
```
#efe2f7 rgb(239,226,247)
```
#f7f1fb
```
#f7f1fb rgb(247,241,251)
```

Tint Color Variation

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

#b2b0b3
```
#b2b0b3 rgb(178,176,179)
```
#b3aab9
```
#b3aab9 rgb(179,170,185)
```
#b4a4bf
```
#b4a4bf rgb(180,164,191)
```
#b69ec5
```
#b69ec5 rgb(182,158,197)
```
#b798cb
```
#b798cb rgb(183,152,203)
```
#b892d1
```
#b892d1 rgb(184,146,209)
```
#ba8cd7
```
#ba8cd7 rgb(186,140,215)
```
#bb86dd
```
#bb86dd rgb(187,134,221)
```
#bc80e3
```
#bc80e3 rgb(188,128,227)
```
#be7ae9
```
#be7ae9 rgb(190,122,233)
```
#bf74ef
```
#bf74ef rgb(191,116,239)
```
#c06ef5
```
#c06ef5 rgb(192,110,245)
```
#c268fb
```
#c268fb rgb(194,104,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a59bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#829deb Protanopia 1% of men
#8c9ed8 Deuteranopia 1% of men
#b399a4 Tritanopia 0.001% of the population

Trichromacy

#9795e6 Protanomaly 1% of men, 0.01% of women
#9d95da Deuteranomaly 6% of men, 0.4% of women
#b692b8 Tritanomaly 0.01% of the population

#bb86dd hex color

#bb86dd Color Information

#bb86dd Color Conversion

Color Schemes with #bb86dd

Alternatives to #bb86dd

#bb86dd Preview

Shades and Tints of #bb86dd

Tones of #bb86dd

Color Blindness Simulator