colorhexa.com

#b682e5 hex color

In a RGB color space, hex #b682e5 is composed of 71.4% red, 51% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 43.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 271.5 degrees, a saturation of 65.6% and a lightness of 70.4%. #b682e5 color hex could be obtained by blending #ffffff with #6d05cb. Closest websafe color is: #cc99cc.

- R 71
- G 51
- B 90
RGB color chart
- C 21
- M 43
- Y 0
- K 10
CMYK color chart

● #b682e5 color description : Very soft violet.

The hexadecimal color #b682e5 has RGB values of R:182, G:130, B:229 and CMYK values of C:0.21, M:0.43, Y:0, K:0.1. Its decimal value is 11961061.

Hex triplet	b682e5	`#b682e5`
RGB Decimal	182, 130, 229	`rgb(182,130,229)`
RGB Percent	71.4, 51, 89.8	`rgb(71.4%,51%,89.8%)`
CMYK	21, 43, 0, 10
HSL	271.5°, 65.6, 70.4	`hsl(271.5,65.6%,70.4%)`
HSV (or HSB)	271.5°, 43.2, 89.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.984, 38.611, -42.802
XYZ	41.415, 31.568, 78.036
xyY	0.274, 0.209, 31.568
CIE-LCH	62.984, 57.644, 312.054
CIE-LUV	62.984, 19.095, -72.902
Hunter-Lab	56.185, 33.249, -43.018
Binary	10110110, 10000010, 11100101

#b682e5
```
#b682e5 rgb(182,130,229)
```
#b1e582
```
#b1e582 rgb(177,229,130)
```

Complementary Color

#8582e5
```
#8582e5 rgb(133,130,229)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#e582e3
```
#e582e3 rgb(229,130,227)
```

Analogous Color

#82e585
```
#82e585 rgb(130,229,133)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#e3e582
```
#e3e582 rgb(227,229,130)
```

Split Complementary Color

#82e5b6
```
#82e5b6 rgb(130,229,182)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#e5b682
```
#e5b682 rgb(229,182,130)
```

Triadic Color

#82b1e5
```
#82b1e5 rgb(130,177,229)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#e5b682
```
#e5b682 rgb(229,182,130)
```
#b1e582
```
#b1e582 rgb(177,229,130)
```

Tetradic Color

#9143d8
```
#9143d8 rgb(145,67,216)
```
#9d58dc
```
#9d58dc rgb(157,88,220)
```
#aa6de1
```
#aa6de1 rgb(170,109,225)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#c297e9
```
#c297e9 rgb(194,151,233)
```
#cfacee
```
#cfacee rgb(207,172,238)
```
#dbc1f2
```
#dbc1f2 rgb(219,193,242)
```

Monochromatic Color

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

#9d82e5
```
#9d82e5 rgb(157,130,229)
```
#a682e5
```
#a682e5 rgb(166,130,229)
```
#ae82e5
```
#ae82e5 rgb(174,130,229)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#be82e5
```
#be82e5 rgb(190,130,229)
```
#c782e5
```
#c782e5 rgb(199,130,229)
```
#cf82e5
```
#cf82e5 rgb(207,130,229)
```

Similar Colors

Text with hexadecimal color #b682e5

This text has a font color of #b682e5.

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

#b682e5 background color

This paragraph has a background color of #b682e5.

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

#b682e5 border color

This element has a border color of #b682e5.

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

CSS codes

.text {color:#b682e5;}

.background {background-color:#b682e5;}

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0d0415
```
#0d0415 rgb(13,4,21)
```
#170825
```
#170825 rgb(23,8,37)
```
#210b36
```
#210b36 rgb(33,11,54)
```
#2c0f46
```
#2c0f46 rgb(44,15,70)
```
#361256
```
#361256 rgb(54,18,86)
```
#401566
```
#401566 rgb(64,21,102)
```
#4a1977
```
#4a1977 rgb(74,25,119)
```
#541c87
```
#541c87 rgb(84,28,135)
```
#5e1f97
```
#5e1f97 rgb(94,31,151)
```
#6823a7
```
#6823a7 rgb(104,35,167)
```
#7326b8
```
#7326b8 rgb(115,38,184)
```
#7d2ac8
```
#7d2ac8 rgb(125,42,200)
```

Shade Color Variation

#8731d4
```
#8731d4 rgb(135,49,212)
```
#9041d7
```
#9041d7 rgb(144,65,215)
```
#9a51db
```
#9a51db rgb(154,81,219)
```
#a362de
```
#a362de rgb(163,98,222)
```
#ad72e2
```
#ad72e2 rgb(173,114,226)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#bf92e8
```
#bf92e8 rgb(191,146,232)
```
#c9a2ec
```
#c9a2ec rgb(201,162,236)
```
#d2b3ef
```
#d2b3ef rgb(210,179,239)
```
#dcc3f3
```
#dcc3f3 rgb(220,195,243)
```
#e5d3f6
```
#e5d3f6 rgb(229,211,246)
```
#efe3f9
```
#efe3f9 rgb(239,227,249)
```
#f8f4fd
```
#f8f4fd rgb(248,244,253)
```

Tint Color Variation

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

#b4b0b7
```
#b4b0b7 rgb(180,176,183)
```
#b4abbc
```
#b4abbc rgb(180,171,188)
```
#b4a5c2
```
#b4a5c2 rgb(180,165,194)
```
#b59fc8
```
#b59fc8 rgb(181,159,200)
```
#b599ce
```
#b599ce rgb(181,153,206)
```
#b593d4
```
#b593d4 rgb(181,147,212)
```
#b58ed9
```
#b58ed9 rgb(181,142,217)
```
#b688df
```
#b688df rgb(182,136,223)
```
#b682e5
```
#b682e5 rgb(182,130,229)
```
#b67ceb
```
#b67ceb rgb(182,124,235)
```
#b776f1
```
#b776f1 rgb(183,118,241)
```
#b771f6
```
#b771f6 rgb(183,113,246)
```
#b76bfc
```
#b76bfc rgb(183,107,252)
```

Tone Color Variation

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

Dichromacy

#779af4 Protanopia 1% of men
#7f9cdf Deuteranopia 1% of men
#ac98a3 Tritanopia 0.001% of the population

Trichromacy

#8e91ee Protanomaly 1% of men, 0.01% of women
#9393e1 Deuteranomaly 6% of men, 0.4% of women
#af90bb Tritanomaly 0.01% of the population