#b686ce hex color

In a RGB color space, hex #b686ce is composed of 71.4% red, 52.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 11.7% cyan, 35% magenta, 0% yellow and 19.2% black. It has a hue angle of 280 degrees, a saturation of 42.4% and a lightness of 66.7%. #b686ce color hex could be obtained by blending #ffffff with #6d0d9d. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 81
RGB color chart
- C 12
- M 35
- Y 0
- K 19
CMYK color chart

● #b686ce color description : Slightly desaturated violet.

The hexadecimal color #b686ce has RGB values of R:182, G:134, B:206 and CMYK values of C:0.12, M:0.35, Y:0, K:0.19. Its decimal value is 11962062.

Hex triplet	b686ce	`#b686ce`
RGB Decimal	182, 134, 206	`rgb(182,134,206)`
RGB Percent	71.4, 52.5, 80.8	`rgb(71.4%,52.5%,80.8%)`
CMYK	12, 35, 0, 19
HSL	280°, 42.4, 66.7	`hsl(280,42.4%,66.7%)`
HSV (or HSB)	280°, 35, 80.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.888, 31.372, -30.12
XYZ	38.955, 31.452, 62.408
xyY	0.293, 0.237, 31.452
CIE-LCH	62.888, 43.49, 316.166
CIE-LUV	62.888, 20.776, -51.317
Hunter-Lab	56.082, 25.844, -26.72
Binary	10110110, 10000110, 11001110

#b686ce
```
#b686ce rgb(182,134,206)
```
#9ece86
```
#9ece86 rgb(158,206,134)
```

Complementary Color

#9286ce
```
#9286ce rgb(146,134,206)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#ce86c2
```
#ce86c2 rgb(206,134,194)
```

Analogous Color

#86ce92
```
#86ce92 rgb(134,206,146)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#c2ce86
```
#c2ce86 rgb(194,206,134)
```

Split Complementary Color

#86ceb6
```
#86ceb6 rgb(134,206,182)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#ceb686
```
#ceb686 rgb(206,182,134)
```

Triadic Color

#869ece
```
#869ece rgb(134,158,206)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#ceb686
```
#ceb686 rgb(206,182,134)
```
#9ece86
```
#9ece86 rgb(158,206,134)
```

Tetradic Color

#9550b8
```
#9550b8 rgb(149,80,184)
```
#a062bf
```
#a062bf rgb(160,98,191)
```
#ab74c7
```
#ab74c7 rgb(171,116,199)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#c198d5
```
#c198d5 rgb(193,152,213)
```
#ccaadd
```
#ccaadd rgb(204,170,221)
```
#d7bce4
```
#d7bce4 rgb(215,188,228)
```

Monochromatic Color

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

#a486ce
```
#a486ce rgb(164,134,206)
```
#aa86ce
```
#aa86ce rgb(170,134,206)
```
#b086ce
```
#b086ce rgb(176,134,206)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#bc86ce
```
#bc86ce rgb(188,134,206)
```
#c286ce
```
#c286ce rgb(194,134,206)
```
#c886ce
```
#c886ce rgb(200,134,206)
```

Similar Colors

Text with hexadecimal color #b686ce

This text has a font color of #b686ce.

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

#b686ce background color

This paragraph has a background color of #b686ce.

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

#b686ce border color

This element has a border color of #b686ce.

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

CSS codes

.text {color:#b686ce;}

.background {background-color:#b686ce;}

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

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

#040205
```
#040205 rgb(4,2,5)
```
#0f0813
```
#0f0813 rgb(15,8,19)
```
#1a0d21
```
#1a0d21 rgb(26,13,33)
```
#25132f
```
#25132f rgb(37,19,47)
```
#30193d
```
#30193d rgb(48,25,61)
```
#3c1e4a
```
#3c1e4a rgb(60,30,74)
```
#472458
```
#472458 rgb(71,36,88)
```
#522966
```
#522966 rgb(82,41,102)
```
#5d2f74
```
#5d2f74 rgb(93,47,116)
```
#683582
```
#683582 rgb(104,53,130)
```
#743a90
```
#743a90 rgb(116,58,144)
```
#7f409e
```
#7f409e rgb(127,64,158)
```
#8a46ac
```
#8a46ac rgb(138,70,172)
```

Shade Color Variation

#944eb7
```
#944eb7 rgb(148,78,183)
```
#9d5cbd
```
#9d5cbd rgb(157,92,189)
```
#a56ac3
```
#a56ac3 rgb(165,106,195)
```
#ae78c8
```
#ae78c8 rgb(174,120,200)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#be94d4
```
#be94d4 rgb(190,148,212)
```
#c7a2d9
```
#c7a2d9 rgb(199,162,217)
```
#cfb0df
```
#cfb0df rgb(207,176,223)
```
#d8bee5
```
#d8bee5 rgb(216,190,229)
```
#e0ccea
```
#e0ccea rgb(224,204,234)
```
#e9daf0
```
#e9daf0 rgb(233,218,240)
```
#f1e8f6
```
#f1e8f6 rgb(241,232,246)
```
#f9f6fb
```
#f9f6fb rgb(249,246,251)
```

Tint Color Variation

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

#aba7ad
```
#aba7ad rgb(171,167,173)
```
#ada0b4
```
#ada0b4 rgb(173,160,180)
```
#af9aba
```
#af9aba rgb(175,154,186)
```
#b293c1
```
#b293c1 rgb(178,147,193)
```
#b48dc7
```
#b48dc7 rgb(180,141,199)
```
#b686ce
```
#b686ce rgb(182,134,206)
```
#b87fd5
```
#b87fd5 rgb(184,127,213)
```
#ba79db
```
#ba79db rgb(186,121,219)
```
#bd72e2
```
#bd72e2 rgb(189,114,226)
```
#bf6ce8
```
#bf6ce8 rgb(191,108,232)
```
#c165ef
```
#c165ef rgb(193,101,239)
```
#c35ff5
```
#c35ff5 rgb(195,95,245)
```
#c558fc
```
#c558fc rgb(197,88,252)
```

Tone Color Variation

Below, you can see how #b686ce 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
#a298a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879bda Protanopia 1% of men
#919bcb Deuteranopia 1% of men
#b196a1 Tritanopia 0.001% of the population

Trichromacy

#9893d6 Protanomaly 1% of men, 0.01% of women
#9e93cc Deuteranomaly 6% of men, 0.4% of women
#b290b1 Tritanomaly 0.01% of the population

#b686ce hex color

#b686ce Color Information

#b686ce Color Conversion

Color Schemes with #b686ce

Alternatives to #b686ce

#b686ce Preview

Shades and Tints of #b686ce

Tones of #b686ce

Color Blindness Simulator