#b686c4 hex color

In a RGB color space, hex #b686c4 is composed of 71.4% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 286.5 degrees, a saturation of 34.4% and a lightness of 64.7%. #b686c4 color hex could be obtained by blending #ffffff with #6d0d89. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 77
RGB color chart
- C 7
- M 32
- Y 0
- K 23
CMYK color chart

● #b686c4 color description : Slightly desaturated magenta.

The hexadecimal color #b686c4 has RGB values of R:182, G:134, B:196 and CMYK values of C:0.07, M:0.32, Y:0, K:0.23. Its decimal value is 11962052.

Hex triplet	b686c4	`#b686c4`
RGB Decimal	182, 134, 196	`rgb(182,134,196)`
RGB Percent	71.4, 52.5, 76.9	`rgb(71.4%,52.5%,76.9%)`
CMYK	7, 32, 0, 23
HSL	286.5°, 34.4, 64.7	`hsl(286.5,34.4%,64.7%)`
HSV (or HSB)	286.5°, 31.6, 76.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.492, 29.299, -25.111
XYZ	37.779, 30.982, 56.211
xyY	0.302, 0.248, 30.982
CIE-LCH	62.492, 38.587, 319.401
CIE-LUV	62.492, 22.198, -42.952
Hunter-Lab	55.661, 23.746, -20.913
Binary	10110110, 10000110, 11000100

#b686c4
```
#b686c4 rgb(182,134,196)
```
#94c486
```
#94c486 rgb(148,196,134)
```

Complementary Color

#9786c4
```
#9786c4 rgb(151,134,196)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#c486b3
```
#c486b3 rgb(196,134,179)
```

Analogous Color

#86c497
```
#86c497 rgb(134,196,151)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#b3c486
```
#b3c486 rgb(179,196,134)
```

Split Complementary Color

#86c4b6
```
#86c4b6 rgb(134,196,182)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#c4b686
```
#c4b686 rgb(196,182,134)
```

Triadic Color

#8694c4
```
#8694c4 rgb(134,148,196)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#c4b686
```
#c4b686 rgb(196,182,134)
```
#94c486
```
#94c486 rgb(148,196,134)
```

Tetradic Color

#9753aa
```
#9753aa rgb(151,83,170)
```
#a164b3
```
#a164b3 rgb(161,100,179)
```
#ac75bc
```
#ac75bc rgb(172,117,188)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#c097cc
```
#c097cc rgb(192,151,204)
```
#cba8d5
```
#cba8d5 rgb(203,168,213)
```
#d5b9dd
```
#d5b9dd rgb(213,185,221)
```

Monochromatic Color

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

#a786c4
```
#a786c4 rgb(167,134,196)
```
#ac86c4
```
#ac86c4 rgb(172,134,196)
```
#b186c4
```
#b186c4 rgb(177,134,196)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#bb86c4
```
#bb86c4 rgb(187,134,196)
```
#c086c4
```
#c086c4 rgb(192,134,196)
```
#c486c3
```
#c486c3 rgb(196,134,195)
```

Similar Colors

Text with hexadecimal color #b686c4

This text has a font color of #b686c4.

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

#b686c4 background color

This paragraph has a background color of #b686c4.

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

#b686c4 border color

This element has a border color of #b686c4.

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

CSS codes

.text {color:#b686c4;}

.background {background-color:#b686c4;}

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

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

#0a050b
```
#0a050b rgb(10,5,11)
```
#150c18
```
#150c18 rgb(21,12,24)
```
#211225
```
#211225 rgb(33,18,37)
```
#2d1932
```
#2d1932 rgb(45,25,50)
```
#381f40
```
#381f40 rgb(56,31,64)
```
#44254d
```
#44254d rgb(68,37,77)
```
#502c5a
```
#502c5a rgb(80,44,90)
```
#5b3267
```
#5b3267 rgb(91,50,103)
```
#673974
```
#673974 rgb(103,57,116)
```
#733f82
```
#733f82 rgb(115,63,130)
```
#7e468f
```
#7e468f rgb(126,70,143)
```
#8a4c9c
```
#8a4c9c rgb(138,76,156)
```
#9652a9
```
#9652a9 rgb(150,82,169)
```

Shade Color Variation

#9e5eb1
```
#9e5eb1 rgb(158,94,177)
```
#a66cb7
```
#a66cb7 rgb(166,108,183)
```
#ae79be
```
#ae79be rgb(174,121,190)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#be93ca
```
#be93ca rgb(190,147,202)
```
#c6a0d1
```
#c6a0d1 rgb(198,160,209)
```
#ceaed7
```
#ceaed7 rgb(206,174,215)
```
#d6bbde
```
#d6bbde rgb(214,187,222)
```
#dec8e4
```
#dec8e4 rgb(222,200,228)
```
#e6d5eb
```
#e6d5eb rgb(230,213,235)
```
#eee2f1
```
#eee2f1 rgb(238,226,241)
```
#f6eff7
```
#f6eff7 rgb(246,239,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#a7a2a8
```
#a7a2a8 rgb(167,162,168)
```
#ab9baf
```
#ab9baf rgb(171,155,175)
```
#ae94b6
```
#ae94b6 rgb(174,148,182)
```
#b28dbd
```
#b28dbd rgb(178,141,189)
```
#b686c4
```
#b686c4 rgb(182,134,196)
```
#ba7fcb
```
#ba7fcb rgb(186,127,203)
```
#be78d2
```
#be78d2 rgb(190,120,210)
```
#c171d9
```
#c171d9 rgb(193,113,217)
```
#c56ae0
```
#c56ae0 rgb(197,106,224)
```
#c963e7
```
#c963e7 rgb(201,99,231)
```
#cd5cee
```
#cd5cee rgb(205,92,238)
```
#d156f4
```
#d156f4 rgb(209,86,244)
```
#d44ffb
```
#d44ffb rgb(212,79,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a097a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9ad0 Protanopia 1% of men
#9599c2 Deuteranopia 1% of men
#b2949f Tritanopia 0.001% of the population

Trichromacy

#9a93cb Protanomaly 1% of men, 0.01% of women
#a192c3 Deuteranomaly 6% of men, 0.4% of women
#b48fac Tritanomaly 0.01% of the population

#b686c4 hex color

#b686c4 Color Information

#b686c4 Color Conversion

Color Schemes with #b686c4

Alternatives to #b686c4

#b686c4 Preview

Shades and Tints of #b686c4

Tones of #b686c4

Color Blindness Simulator