colorhexa.com

#b686bb hex color

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

- R 71
- G 53
- B 73
RGB color chart
- C 3
- M 28
- Y 0
- K 27
CMYK color chart

● #b686bb color description : Slightly desaturated magenta.

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

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

CIE-LAB	62.155, 27.499, -20.549
XYZ	36.785, 30.584, 50.977
xyY	0.311, 0.258, 30.584
CIE-LCH	62.155, 34.329, 323.232
CIE-LUV	62.155, 23.482, -35.447
Hunter-Lab	55.303, 21.95, -15.94
Binary	10110110, 10000110, 10111011

#b686bb
```
#b686bb rgb(182,134,187)
```
#8bbb86
```
#8bbb86 rgb(139,187,134)
```

Complementary Color

#9c86bb
```
#9c86bb rgb(156,134,187)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#bb86a6
```
#bb86a6 rgb(187,134,166)
```

Analogous Color

#86bb9c
```
#86bb9c rgb(134,187,156)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#a6bb86
```
#a6bb86 rgb(166,187,134)
```

Split Complementary Color

#86bbb6
```
#86bbb6 rgb(134,187,182)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#bbb686
```
#bbb686 rgb(187,182,134)
```

Triadic Color

#868bbb
```
#868bbb rgb(134,139,187)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#bbb686
```
#bbb686 rgb(187,182,134)
```
#8bbb86
```
#8bbb86 rgb(139,187,134)
```

Tetradic Color

#96589d
```
#96589d rgb(150,88,157)
```
#a265a9
```
#a265a9 rgb(162,101,169)
```
#ac76b2
```
#ac76b2 rgb(172,118,178)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#c096c4
```
#c096c4 rgb(192,150,196)
```
#caa7cd
```
#caa7cd rgb(202,167,205)
```
#d4b7d7
```
#d4b7d7 rgb(212,183,215)
```

Monochromatic Color

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

#a986bb
```
#a986bb rgb(169,134,187)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b286bb
```
#b286bb rgb(178,134,187)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#ba86bb
```
#ba86bb rgb(186,134,187)
```
#bb86b7
```
#bb86b7 rgb(187,134,183)
```
#bb86b3
```
#bb86b3 rgb(187,134,179)
```

Similar Colors

Text with hexadecimal color #b686bb

This text has a font color of #b686bb.

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

#b686bb background color

This paragraph has a background color of #b686bb.

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

#b686bb border color

This element has a border color of #b686bb.

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

CSS codes

.text {color:#b686bb;}

.background {background-color:#b686bb;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#100a11
```
#100a11 rgb(16,10,17)
```
#1c111e
```
#1c111e rgb(28,17,30)
```
#29182a
```
#29182a rgb(41,24,42)
```
#351f37
```
#351f37 rgb(53,31,55)
```
#412643
```
#412643 rgb(65,38,67)
```
#4d2d50
```
#4d2d50 rgb(77,45,80)
```
#59345c
```
#59345c rgb(89,52,92)
```
#653b69
```
#653b69 rgb(101,59,105)
```
#714276
```
#714276 rgb(113,66,118)
```
#7d4982
```
#7d4982 rgb(125,73,130)
```
#89508f
```
#89508f rgb(137,80,143)
```
#95579b
```
#95579b rgb(149,87,155)
```

Shade Color Variation

#9f60a6
```
#9f60a6 rgb(159,96,166)
```
#a76dad
```
#a76dad rgb(167,109,173)
```
#ae79b4
```
#ae79b4 rgb(174,121,180)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#be93c2
```
#be93c2 rgb(190,147,194)
```
#c59fc9
```
#c59fc9 rgb(197,159,201)
```
#cdacd0
```
#cdacd0 rgb(205,172,208)
```
#d4b8d7
```
#d4b8d7 rgb(212,184,215)
```
#dcc5de
```
#dcc5de rgb(220,197,222)
```
#e3d1e5
```
#e3d1e5 rgb(227,209,229)
```
#ebdeec
```
#ebdeec rgb(235,222,236)
```
#f3eaf3
```
#f3eaf3 rgb(243,234,243)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#a49ca5
```
#a49ca5 rgb(164,156,165)
```
#aa95ac
```
#aa95ac rgb(170,149,172)
```
#b08db4
```
#b08db4 rgb(176,141,180)
```
#b686bb
```
#b686bb rgb(182,134,187)
```
#bc7fc2
```
#bc7fc2 rgb(188,127,194)
```
#c277ca
```
#c277ca rgb(194,119,202)
```
#c870d1
```
#c870d1 rgb(200,112,209)
```
#ce69d8
```
#ce69d8 rgb(206,105,216)
```
#d362df
```
#d362df rgb(211,98,223)
```
#d95ae7
```
#d95ae7 rgb(217,90,231)
```
#df53ee
```
#df53ee rgb(223,83,238)
```
#e54cf5
```
#e54cf5 rgb(229,76,245)
```
#eb45fc
```
#eb45fc rgb(235,69,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a096a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e99c7 Protanopia 1% of men
#9998ba Deuteranopia 1% of men
#b4929d Tritanopia 0.001% of the population

Trichromacy

#9c92c2 Protanomaly 1% of men, 0.01% of women
#a391ba Deuteranomaly 6% of men, 0.4% of women
#b48ea8 Tritanomaly 0.01% of the population