#b686d5 hex color

In a RGB color space, hex #b686d5 is composed of 71.4% red, 52.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 37.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 276.5 degrees, a saturation of 48.5% and a lightness of 68%. #b686d5 color hex could be obtained by blending #ffffff with #6d0dab. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 84
RGB color chart
- C 15
- M 37
- Y 0
- K 16
CMYK color chart

● #b686d5 color description : Slightly desaturated violet.

The hexadecimal color #b686d5 has RGB values of R:182, G:134, B:213 and CMYK values of C:0.15, M:0.37, Y:0, K:0.16. Its decimal value is 11962069.

Hex triplet	b686d5	`#b686d5`
RGB Decimal	182, 134, 213	`rgb(182,134,213)`
RGB Percent	71.4, 52.5, 83.5	`rgb(71.4%,52.5%,83.5%)`
CMYK	15, 37, 0, 16
HSL	276.5°, 48.5, 68	`hsl(276.5,48.5%,68%)`
HSV (or HSB)	276.5°, 37.1, 83.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.177, 32.866, -33.589
XYZ	39.825, 31.8, 66.987
xyY	0.287, 0.229, 31.8
CIE-LCH	63.177, 46.993, 314.377
CIE-LUV	63.177, 19.787, -57.171
Hunter-Lab	56.392, 27.376, -30.956
Binary	10110110, 10000110, 11010101

#b686d5
```
#b686d5 rgb(182,134,213)
```
#a5d586
```
#a5d586 rgb(165,213,134)
```

Complementary Color

#8f86d5
```
#8f86d5 rgb(143,134,213)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#d586cd
```
#d586cd rgb(213,134,205)
```

Analogous Color

#86d58f
```
#86d58f rgb(134,213,143)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#cdd586
```
#cdd586 rgb(205,213,134)
```

Split Complementary Color

#86d5b6
```
#86d5b6 rgb(134,213,182)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#d5b686
```
#d5b686 rgb(213,182,134)
```

Triadic Color

#86a5d5
```
#86a5d5 rgb(134,165,213)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#d5b686
```
#d5b686 rgb(213,182,134)
```
#a5d586
```
#a5d586 rgb(165,213,134)
```

Tetradic Color

#944dc1
```
#944dc1 rgb(148,77,193)
```
#9f60c8
```
#9f60c8 rgb(159,96,200)
```
#ab73ce
```
#ab73ce rgb(171,115,206)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#c199dc
```
#c199dc rgb(193,153,220)
```
#cdace2
```
#cdace2 rgb(205,172,226)
```
#d8bfe9
```
#d8bfe9 rgb(216,191,233)
```

Monochromatic Color

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

#a286d5
```
#a286d5 rgb(162,134,213)
```
#a986d5
```
#a986d5 rgb(169,134,213)
```
#af86d5
```
#af86d5 rgb(175,134,213)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#bd86d5
```
#bd86d5 rgb(189,134,213)
```
#c386d5
```
#c386d5 rgb(195,134,213)
```
#ca86d5
```
#ca86d5 rgb(202,134,213)
```

Similar Colors

Text with hexadecimal color #b686d5

This text has a font color of #b686d5.

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

#b686d5 background color

This paragraph has a background color of #b686d5.

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

#b686d5 border color

This element has a border color of #b686d5.

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

CSS codes

.text {color:#b686d5;}

.background {background-color:#b686d5;}

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

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, #07030a is the darkest color, while #fcfafd is the lightest one.

#07030a
```
#07030a rgb(7,3,10)
```
#120919
```
#120919 rgb(18,9,25)
```
#1d0e27
```
#1d0e27 rgb(29,14,39)
```
#281336
```
#281336 rgb(40,19,54)
```
#331844
```
#331844 rgb(51,24,68)
```
#3e1d53
```
#3e1d53 rgb(62,29,83)
```
#482261
```
#482261 rgb(72,34,97)
```
#532770
```
#532770 rgb(83,39,112)
```
#5e2c7f
```
#5e2c7f rgb(94,44,127)
```
#69318d
```
#69318d rgb(105,49,141)
```
#74369c
```
#74369c rgb(116,54,156)
```
#7f3baa
```
#7f3baa rgb(127,59,170)
```
#8940b9
```
#8940b9 rgb(137,64,185)
```

Shade Color Variation

#934cc1
```
#934cc1 rgb(147,76,193)
```
#9c5ac6
```
#9c5ac6 rgb(156,90,198)
```
#a469cb
```
#a469cb rgb(164,105,203)
```
#ad77d0
```
#ad77d0 rgb(173,119,208)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#bf95da
```
#bf95da rgb(191,149,218)
```
#c8a3df
```
#c8a3df rgb(200,163,223)
```
#d0b2e4
```
#d0b2e4 rgb(208,178,228)
```
#d9c0e9
```
#d9c0e9 rgb(217,192,233)
```
#e2cfee
```
#e2cfee rgb(226,207,238)
```
#ebddf3
```
#ebddf3 rgb(235,221,243)
```
#f3ecf8
```
#f3ecf8 rgb(243,236,248)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#aeacaf
```
#aeacaf rgb(174,172,175)
```
#afa5b6
```
#afa5b6 rgb(175,165,182)
```
#b19fbc
```
#b19fbc rgb(177,159,188)
```
#b299c2
```
#b299c2 rgb(178,153,194)
```
#b393c8
```
#b393c8 rgb(179,147,200)
```
#b58ccf
```
#b58ccf rgb(181,140,207)
```
#b686d5
```
#b686d5 rgb(182,134,213)
```
#b780db
```
#b780db rgb(183,128,219)
```
#b979e2
```
#b979e2 rgb(185,121,226)
```
#ba73e8
```
#ba73e8 rgb(186,115,232)
```
#bb6dee
```
#bb6dee rgb(187,109,238)
```
#bd67f4
```
#bd67f4 rgb(189,103,244)
```
#be60fb
```
#be60fb rgb(190,96,251)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a298a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849be2 Protanopia 1% of men
#8d9cd1 Deuteranopia 1% of men
#af97a2 Tritanopia 0.001% of the population

Trichromacy

#9693dd Protanomaly 1% of men, 0.01% of women
#9c94d2 Deuteranomaly 6% of men, 0.4% of women
#b291b4 Tritanomaly 0.01% of the population

#b686d5 hex color

#b686d5 Color Information

#b686d5 Color Conversion

Color Schemes with #b686d5

Alternatives to #b686d5

#b686d5 Preview

Shades and Tints of #b686d5

Tones of #b686d5

Color Blindness Simulator