#b686e8 hex color

In a RGB color space, hex #b686e8 is composed of 71.4% red, 52.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 42.2% magenta, 0% yellow and 9% black. It has a hue angle of 269.4 degrees, a saturation of 68.1% and a lightness of 71.8%. #b686e8 color hex could be obtained by blending #ffffff with #6d0dd1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 53
- B 91
RGB color chart
- C 22
- M 42
- Y 0
- K 9
CMYK color chart

● #b686e8 color description : Very soft violet.

The hexadecimal color #b686e8 has RGB values of R:182, G:134, B:232 and CMYK values of C:0.22, M:0.42, Y:0, K:0.09. Its decimal value is 11962088.

Hex triplet	b686e8	`#b686e8`
RGB Decimal	182, 134, 232	`rgb(182,134,232)`
RGB Percent	71.4, 52.5, 91	`rgb(71.4%,52.5%,91%)`
CMYK	22, 42, 0, 9
HSL	269.4°, 68.1, 71.8	`hsl(269.4,68.1%,71.8%)`
HSV (or HSB)	269.4°, 42.2, 91
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.016, 37.084, -42.843
XYZ	42.38, 32.822, 80.442
xyY	0.272, 0.211, 32.822
CIE-LCH	64.016, 56.663, 310.878
CIE-LUV	64.016, 17.146, -72.974
Hunter-Lab	57.29, 31.784, -43.146
Binary	10110110, 10000110, 11101000

#b686e8
```
#b686e8 rgb(182,134,232)
```
#b8e886
```
#b8e886 rgb(184,232,134)
```

Complementary Color

#8687e8
```
#8687e8 rgb(134,135,232)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#e786e8
```
#e786e8 rgb(231,134,232)
```

Analogous Color

#87e886
```
#87e886 rgb(135,232,134)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#e8e786
```
#e8e786 rgb(232,231,134)
```

Split Complementary Color

#86e8b6
```
#86e8b6 rgb(134,232,182)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#e8b686
```
#e8b686 rgb(232,182,134)
```

Triadic Color

#86b8e8
```
#86b8e8 rgb(134,184,232)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#e8b686
```
#e8b686 rgb(232,182,134)
```
#b8e886
```
#b8e886 rgb(184,232,134)
```

Tetradic Color

#8f46dc
```
#8f46dc rgb(143,70,220)
```
#9c5be0
```
#9c5be0 rgb(156,91,224)
```
#a971e4
```
#a971e4 rgb(169,113,228)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#c39bec
```
#c39bec rgb(195,155,236)
```
#d0b1f0
```
#d0b1f0 rgb(208,177,240)
```
#ddc6f4
```
#ddc6f4 rgb(221,198,244)
```

Monochromatic Color

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

#9e86e8
```
#9e86e8 rgb(158,134,232)
```
#a686e8
```
#a686e8 rgb(166,134,232)
```
#ae86e8
```
#ae86e8 rgb(174,134,232)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#be86e8
```
#be86e8 rgb(190,134,232)
```
#c686e8
```
#c686e8 rgb(198,134,232)
```
#cf86e8
```
#cf86e8 rgb(207,134,232)
```

Similar Colors

Text with hexadecimal color #b686e8

This text has a font color of #b686e8.

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

#b686e8 background color

This paragraph has a background color of #b686e8.

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

#b686e8 border color

This element has a border color of #b686e8.

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

CSS codes

.text {color:#b686e8;}

.background {background-color:#b686e8;}

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

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, #06020b is the darkest color, while #fcf9fe is the lightest one.

#06020b
```
#06020b rgb(6,2,11)
```
#10051b
```
#10051b rgb(16,5,27)
```
#1a082c
```
#1a082c rgb(26,8,44)
```
#230b3c
```
#230b3c rgb(35,11,60)
```
#2d0f4d
```
#2d0f4d rgb(45,15,77)
```
#37125d
```
#37125d rgb(55,18,93)
```
#40156e
```
#40156e rgb(64,21,110)
```
#4a187e
```
#4a187e rgb(74,24,126)
```
#541b8f
```
#541b8f rgb(84,27,143)
```
#5d1e9f
```
#5d1e9f rgb(93,30,159)
```
#6721b0
```
#6721b0 rgb(103,33,176)
```
#7125c0
```
#7125c0 rgb(113,37,192)
```
#7a28d1
```
#7a28d1 rgb(122,40,209)
```

Shade Color Variation

#8434d8
```
#8434d8 rgb(132,52,216)
```
#8e44db
```
#8e44db rgb(142,68,219)
```
#9855df
```
#9855df rgb(152,85,223)
```
#a265e2
```
#a265e2 rgb(162,101,226)
```
#ac76e5
```
#ac76e5 rgb(172,118,229)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#c096eb
```
#c096eb rgb(192,150,235)
```
#caa7ee
```
#caa7ee rgb(202,167,238)
```
#d4b7f1
```
#d4b7f1 rgb(212,183,241)
```
#dec8f5
```
#dec8f5 rgb(222,200,245)
```
#e8d8f8
```
#e8d8f8 rgb(232,216,248)
```
#f2e9fb
```
#f2e9fb rgb(242,233,251)
```
#fcf9fe
```
#fcf9fe rgb(252,249,254)
```

Tint Color Variation

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

#b7b2bc
```
#b7b2bc rgb(183,178,188)
```
#b7adc1
```
#b7adc1 rgb(183,173,193)
```
#b7a7c7
```
#b7a7c7 rgb(183,167,199)
```
#b7a2cc
```
#b7a2cc rgb(183,162,204)
```
#b69cd2
```
#b69cd2 rgb(182,156,210)
```
#b697d7
```
#b697d7 rgb(182,151,215)
```
#b691dd
```
#b691dd rgb(182,145,221)
```
#b68ce2
```
#b68ce2 rgb(182,140,226)
```
#b686e8
```
#b686e8 rgb(182,134,232)
```
#b680ee
```
#b680ee rgb(182,128,238)
```
#b67bf3
```
#b67bf3 rgb(182,123,243)
```
#b675f9
```
#b675f9 rgb(182,117,249)
```
#b670fe
```
#b670fe rgb(182,112,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a49bae Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9df6 Protanopia 1% of men
#829fe2 Deuteranopia 1% of men
#ac9ba6 Tritanopia 0.001% of the population

Trichromacy

#9094f0 Protanomaly 1% of men, 0.01% of women
#9596e4 Deuteranomaly 6% of men, 0.4% of women
#af93be Tritanomaly 0.01% of the population

#b686e8 hex color

#b686e8 Color Information

#b686e8 Color Conversion

Color Schemes with #b686e8

Alternatives to #b686e8

#b686e8 Preview

Shades and Tints of #b686e8

Tones of #b686e8

Color Blindness Simulator