#b86bbb hex color

In a RGB color space, hex #b86bbb is composed of 72.2% red, 42% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 42.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 297.8 degrees, a saturation of 37% and a lightness of 57.6%. #b86bbb color hex could be obtained by blending #ffd6ff with #710077. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 72
- G 42
- B 73
RGB color chart
- C 2
- M 43
- Y 0
- K 27
CMYK color chart

● #b86bbb color description : Slightly desaturated magenta.

The hexadecimal color #b86bbb has RGB values of R:184, G:107, B:187 and CMYK values of C:0.02, M:0.43, Y:0, K:0.27. Its decimal value is 12086203.

Hex triplet	b86bbb	`#b86bbb`
RGB Decimal	184, 107, 187	`rgb(184,107,187)`
RGB Percent	72.2, 42, 73.3	`rgb(72.2%,42%,73.3%)`
CMYK	2, 43, 0, 27
HSL	297.8°, 37, 57.6	`hsl(297.8,37%,57.6%)`
HSV (or HSB)	297.8°, 42.8, 73.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.382, 42.923, -29.411
XYZ	33.994, 24.295, 49.91
xyY	0.314, 0.225, 24.295
CIE-LCH	56.382, 52.032, 325.581
CIE-LUV	56.382, 36.811, -50.896
Hunter-Lab	49.29, 36.848, -25.533
Binary	10111000, 01101011, 10111011

#b86bbb
```
#b86bbb rgb(184,107,187)
```
#6ebb6b
```
#6ebb6b rgb(110,187,107)
```

Complementary Color

#906bbb
```
#906bbb rgb(144,107,187)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#bb6b96
```
#bb6b96 rgb(187,107,150)
```

Analogous Color

#6bbb90
```
#6bbb90 rgb(107,187,144)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#96bb6b
```
#96bb6b rgb(150,187,107)
```

Split Complementary Color

#6bbbb8
```
#6bbbb8 rgb(107,187,184)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#bbb86b
```
#bbb86b rgb(187,184,107)
```

Triadic Color

#6b6ebb
```
#6b6ebb rgb(107,110,187)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#bbb86b
```
#bbb86b rgb(187,184,107)
```
#6ebb6b
```
#6ebb6b rgb(110,187,107)
```

Tetradic Color

#924495
```
#924495 rgb(146,68,149)
```
#a34da7
```
#a34da7 rgb(163,77,167)
```
#b05ab3
```
#b05ab3 rgb(176,90,179)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#c07cc3
```
#c07cc3 rgb(192,124,195)
```
#c98ecb
```
#c98ecb rgb(201,142,203)
```
#d19fd3
```
#d19fd3 rgb(209,159,211)
```

Monochromatic Color

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

#a46bbb
```
#a46bbb rgb(164,107,187)
```
#ab6bbb
```
#ab6bbb rgb(171,107,187)
```
#b16bbb
```
#b16bbb rgb(177,107,187)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#bb6bb7
```
#bb6bb7 rgb(187,107,183)
```
#bb6bb1
```
#bb6bb1 rgb(187,107,177)
```
#bb6baa
```
#bb6baa rgb(187,107,170)
```

Similar Colors

Text with hexadecimal color #b86bbb

This text has a font color of #b86bbb.

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

#b86bbb background color

This paragraph has a background color of #b86bbb.

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

#b86bbb border color

This element has a border color of #b86bbb.

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

CSS codes

.text {color:#b86bbb;}

.background {background-color:#b86bbb;}

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

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, #0d060d is the darkest color, while #ffffff is the lightest one.

#0d060d
```
#0d060d rgb(13,6,13)
```
#1a0c1b
```
#1a0c1b rgb(26,12,27)
```
#271228
```
#271228 rgb(39,18,40)
```
#351936
```
#351936 rgb(53,25,54)
```
#421f43
```
#421f43 rgb(66,31,67)
```
#4f2550
```
#4f2550 rgb(79,37,80)
```
#5c2b5e
```
#5c2b5e rgb(92,43,94)
```
#69316b
```
#69316b rgb(105,49,107)
```
#763879
```
#763879 rgb(118,56,121)
```
#843e86
```
#843e86 rgb(132,62,134)
```
#914494
```
#914494 rgb(145,68,148)
```
#9e4aa1
```
#9e4aa1 rgb(158,74,161)
```
#ab50af
```
#ab50af rgb(171,80,175)
```

Shade Color Variation

#b25eb5
```
#b25eb5 rgb(178,94,181)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#be78c1
```
#be78c1 rgb(190,120,193)
```
#c586c7
```
#c586c7 rgb(197,134,199)
```
#cb93ce
```
#cb93ce rgb(203,147,206)
```
#d2a1d4
```
#d2a1d4 rgb(210,161,212)
```
#d8aeda
```
#d8aeda rgb(216,174,218)
```
#dfbce0
```
#dfbce0 rgb(223,188,224)
```
#e5c9e6
```
#e5c9e6 rgb(229,201,230)
```
#ecd7ec
```
#ecd7ec rgb(236,215,236)
```
#f2e4f3
```
#f2e4f3 rgb(242,228,243)
```
#f8f1f9
```
#f8f1f9 rgb(248,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#998c9a
```
#998c9a rgb(153,140,154)
```
#a184a2
```
#a184a2 rgb(161,132,162)
```
#a97caa
```
#a97caa rgb(169,124,170)
```
#b073b3
```
#b073b3 rgb(176,115,179)
```
#b86bbb
```
#b86bbb rgb(184,107,187)
```
#c063c3
```
#c063c3 rgb(192,99,195)
```
#c75acc
```
#c75acc rgb(199,90,204)
```
#cf52d4
```
#cf52d4 rgb(207,82,212)
```
#d74adc
```
#d74adc rgb(215,74,220)
```
#de41e5
```
#de41e5 rgb(222,65,229)
```
#e639ed
```
#e639ed rgb(230,57,237)
```
#ee31f5
```
#ee31f5 rgb(238,49,245)
```
#f529fd
```
#f529fd rgb(245,41,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#948595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738bcf Protanopia 1% of men
#828bb6 Deuteranopia 1% of men
#b37f88 Tritanopia 0.001% of the population

Trichromacy

#8c7fc8 Protanomaly 1% of men, 0.01% of women
#957fb8 Deuteranomaly 6% of men, 0.4% of women
#b5779a Tritanomaly 0.01% of the population

#b86bbb hex color

#b86bbb Color Information

#b86bbb Color Conversion

Color Schemes with #b86bbb

Alternatives to #b86bbb

#b86bbb Preview

Shades and Tints of #b86bbb

Tones of #b86bbb

Color Blindness Simulator