#b685e4 hex color

In a RGB color space, hex #b685e4 is composed of 71.4% red, 52.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 41.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 270.9 degrees, a saturation of 63.8% and a lightness of 70.8%. #b685e4 color hex could be obtained by blending #ffffff with #6d0bc9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 52
- B 89
RGB color chart
- C 20
- M 42
- Y 0
- K 11
CMYK color chart

● #b685e4 color description : Very soft violet.

The hexadecimal color #b685e4 has RGB values of R:182, G:133, B:228 and CMYK values of C:0.2, M:0.42, Y:0, K:0.11. Its decimal value is 11961828.

Hex triplet	b685e4	`#b685e4`
RGB Decimal	182, 133, 228	`rgb(182,133,228)`
RGB Percent	71.4, 52.2, 89.4	`rgb(71.4%,52.2%,89.4%)`
CMYK	20, 42, 0, 11
HSL	270.9°, 63.8, 70.8	`hsl(270.9,63.8%,70.8%)`
HSV (or HSB)	270.9°, 41.7, 89.4
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.608, 36.731, -41.267
XYZ	41.68, 32.322, 77.438
xyY	0.275, 0.213, 32.322
CIE-LCH	63.608, 55.246, 311.671
CIE-LUV	63.608, 18.085, -70.272
Hunter-Lab	56.853, 31.372, -40.961
Binary	10110110, 10000101, 11100100

#b685e4
```
#b685e4 rgb(182,133,228)
```
#b3e485
```
#b3e485 rgb(179,228,133)
```

Complementary Color

#8785e4
```
#8785e4 rgb(135,133,228)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#e485e3
```
#e485e3 rgb(228,133,227)
```

Analogous Color

#85e487
```
#85e487 rgb(133,228,135)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#e3e485
```
#e3e485 rgb(227,228,133)
```

Split Complementary Color

#85e4b6
```
#85e4b6 rgb(133,228,182)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#e4b685
```
#e4b685 rgb(228,182,133)
```

Triadic Color

#85b3e4
```
#85b3e4 rgb(133,179,228)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#e4b685
```
#e4b685 rgb(228,182,133)
```
#b3e485
```
#b3e485 rgb(179,228,133)
```

Tetradic Color

#9146d6
```
#9146d6 rgb(145,70,214)
```
#9d5bdb
```
#9d5bdb rgb(157,91,219)
```
#aa70df
```
#aa70df rgb(170,112,223)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#c29ae9
```
#c29ae9 rgb(194,154,233)
```
#cfafed
```
#cfafed rgb(207,175,237)
```
#dbc4f2
```
#dbc4f2 rgb(219,196,242)
```

Monochromatic Color

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

#9e85e4
```
#9e85e4 rgb(158,133,228)
```
#a685e4
```
#a685e4 rgb(166,133,228)
```
#ae85e4
```
#ae85e4 rgb(174,133,228)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#be85e4
```
#be85e4 rgb(190,133,228)
```
#c685e4
```
#c685e4 rgb(198,133,228)
```
#ce85e4
```
#ce85e4 rgb(206,133,228)
```

Similar Colors

Text with hexadecimal color #b685e4

This text has a font color of #b685e4.

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

#b685e4 background color

This paragraph has a background color of #b685e4.

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

#b685e4 border color

This element has a border color of #b685e4.

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

CSS codes

.text {color:#b685e4;}

.background {background-color:#b685e4;}

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

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

#040106
```
#040106 rgb(4,1,6)
```
#0e0517
```
#0e0517 rgb(14,5,23)
```
#180927
```
#180927 rgb(24,9,39)
```
#220c37
```
#220c37 rgb(34,12,55)
```
#2c1047
```
#2c1047 rgb(44,16,71)
```
#361357
```
#361357 rgb(54,19,87)
```
#401767
```
#401767 rgb(64,23,103)
```
#4a1a77
```
#4a1a77 rgb(74,26,119)
```
#541e87
```
#541e87 rgb(84,30,135)
```
#5e2197
```
#5e2197 rgb(94,33,151)
```
#6825a7
```
#6825a7 rgb(104,37,167)
```
#7229b7
```
#7229b7 rgb(114,41,183)
```
#7c2cc7
```
#7c2cc7 rgb(124,44,199)
```

Shade Color Variation

#8635d2
```
#8635d2 rgb(134,53,210)
```
#9045d6
```
#9045d6 rgb(144,69,214)
```
#9955d9
```
#9955d9 rgb(153,85,217)
```
#a365dd
```
#a365dd rgb(163,101,221)
```
#ac75e0
```
#ac75e0 rgb(172,117,224)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#c095e8
```
#c095e8 rgb(192,149,232)
```
#c9a5eb
```
#c9a5eb rgb(201,165,235)
```
#d3b5ef
```
#d3b5ef rgb(211,181,239)
```
#dcc5f2
```
#dcc5f2 rgb(220,197,242)
```
#e6d5f6
```
#e6d5f6 rgb(230,213,246)
```
#f0e5f9
```
#f0e5f9 rgb(240,229,249)
```
#f9f5fd
```
#f9f5fd rgb(249,245,253)
```

Tint Color Variation

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

#b5b3b6
```
#b5b3b6 rgb(181,179,182)
```
#b5adbc
```
#b5adbc rgb(181,173,188)
```
#b5a7c2
```
#b5a7c2 rgb(181,167,194)
```
#b5a2c7
```
#b5a2c7 rgb(181,162,199)
```
#b59ccd
```
#b59ccd rgb(181,156,205)
```
#b596d3
```
#b596d3 rgb(181,150,211)
```
#b690d9
```
#b690d9 rgb(182,144,217)
```
#b68bde
```
#b68bde rgb(182,139,222)
```
#b685e4
```
#b685e4 rgb(182,133,228)
```
#b67fea
```
#b67fea rgb(182,127,234)
```
#b67aef
```
#b67aef rgb(182,122,239)
```
#b774f5
```
#b774f5 rgb(183,116,245)
```
#b76efb
```
#b76efb rgb(183,110,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a399ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9cf2 Protanopia 1% of men
#839ede Deuteranopia 1% of men
#ac9aa5 Tritanopia 0.001% of the population

Trichromacy

#9193ed Protanomaly 1% of men, 0.01% of women
#9695e0 Deuteranomaly 6% of men, 0.4% of women
#b092bc Tritanomaly 0.01% of the population

#b685e4 hex color

#b685e4 Color Information

#b685e4 Color Conversion

Color Schemes with #b685e4

Alternatives to #b685e4

#b685e4 Preview

Shades and Tints of #b685e4

Tones of #b685e4

Color Blindness Simulator