#b682e4 hex color

In a RGB color space, hex #b682e4 is composed of 71.4% red, 51% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 43% magenta, 0% yellow and 10.6% black. It has a hue angle of 271.8 degrees, a saturation of 64.5% and a lightness of 70.2%. #b682e4 color hex could be obtained by blending #ffffff with #6d05c9. Closest websafe color is: #cc99cc.

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

● #b682e4 color description : Very soft violet.

The hexadecimal color #b682e4 has RGB values of R:182, G:130, B:228 and CMYK values of C:0.2, M:0.43, Y:0, K:0.11. Its decimal value is 11961060.

Hex triplet	b682e4	`#b682e4`
RGB Decimal	182, 130, 228	`rgb(182,130,228)`
RGB Percent	71.4, 51, 89.4	`rgb(71.4%,51%,89.4%)`
CMYK	20, 43, 0, 11
HSL	271.8°, 64.5, 70.2	`hsl(271.8,64.5%,70.2%)`
HSV (or HSB)	271.8°, 43, 89.4
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.938, 38.386, -42.319
XYZ	41.275, 31.512, 77.303
xyY	0.275, 0.21, 31.512
CIE-LCH	62.938, 57.135, 312.21
CIE-LUV	62.938, 19.24, -72.077
Hunter-Lab	56.136, 33.009, -42.351
Binary	10110110, 10000010, 11100100

#b682e4
```
#b682e4 rgb(182,130,228)
```
#b0e482
```
#b0e482 rgb(176,228,130)
```

Complementary Color

#8582e4
```
#8582e4 rgb(133,130,228)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#e482e1
```
#e482e1 rgb(228,130,225)
```

Analogous Color

#82e485
```
#82e485 rgb(130,228,133)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#e1e482
```
#e1e482 rgb(225,228,130)
```

Split Complementary Color

#82e4b6
```
#82e4b6 rgb(130,228,182)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#e4b682
```
#e4b682 rgb(228,182,130)
```

Triadic Color

#82b0e4
```
#82b0e4 rgb(130,176,228)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#e4b682
```
#e4b682 rgb(228,182,130)
```
#b0e482
```
#b0e482 rgb(176,228,130)
```

Tetradic Color

#9143d6
```
#9143d6 rgb(145,67,214)
```
#9e58db
```
#9e58db rgb(158,88,219)
```
#aa6ddf
```
#aa6ddf rgb(170,109,223)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#c297e9
```
#c297e9 rgb(194,151,233)
```
#ceaced
```
#ceaced rgb(206,172,237)
```
#dbc1f2
```
#dbc1f2 rgb(219,193,242)
```

Monochromatic Color

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

#9e82e4
```
#9e82e4 rgb(158,130,228)
```
#a682e4
```
#a682e4 rgb(166,130,228)
```
#ae82e4
```
#ae82e4 rgb(174,130,228)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#be82e4
```
#be82e4 rgb(190,130,228)
```
#c682e4
```
#c682e4 rgb(198,130,228)
```
#cf82e4
```
#cf82e4 rgb(207,130,228)
```

Similar Colors

Text with hexadecimal color #b682e4

This text has a font color of #b682e4.

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

#b682e4 background color

This paragraph has a background color of #b682e4.

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

#b682e4 border color

This element has a border color of #b682e4.

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

CSS codes

.text {color:#b682e4;}

.background {background-color:#b682e4;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0414
```
#0d0414 rgb(13,4,20)
```
#170824
```
#170824 rgb(23,8,36)
```
#210b34
```
#210b34 rgb(33,11,52)
```
#2b0f45
```
#2b0f45 rgb(43,15,69)
```
#361255
```
#361255 rgb(54,18,85)
```
#401665
```
#401665 rgb(64,22,101)
```
#4a1975
```
#4a1975 rgb(74,25,117)
```
#541d85
```
#541d85 rgb(84,29,133)
```
#5e2095
```
#5e2095 rgb(94,32,149)
```
#6924a5
```
#6924a5 rgb(105,36,165)
```
#7327b5
```
#7327b5 rgb(115,39,181)
```
#7d2bc6
```
#7d2bc6 rgb(125,43,198)
```

Shade Color Variation

#8731d3
```
#8731d3 rgb(135,49,211)
```
#9041d6
```
#9041d6 rgb(144,65,214)
```
#9a52da
```
#9a52da rgb(154,82,218)
```
#a362dd
```
#a362dd rgb(163,98,221)
```
#ad72e1
```
#ad72e1 rgb(173,114,225)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#bf92e7
```
#bf92e7 rgb(191,146,231)
```
#c9a2eb
```
#c9a2eb rgb(201,162,235)
```
#d2b2ee
```
#d2b2ee rgb(210,178,238)
```
#dcc3f2
```
#dcc3f2 rgb(220,195,242)
```
#e5d3f5
```
#e5d3f5 rgb(229,211,245)
```
#efe3f9
```
#efe3f9 rgb(239,227,249)
```
#f8f3fc
```
#f8f3fc rgb(248,243,252)
```

Tint Color Variation

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

#b3b1b5
```
#b3b1b5 rgb(179,177,181)
```
#b3abbb
```
#b3abbb rgb(179,171,187)
```
#b4a5c1
```
#b4a5c1 rgb(180,165,193)
```
#b49fc7
```
#b49fc7 rgb(180,159,199)
```
#b599cd
```
#b599cd rgb(181,153,205)
```
#b594d2
```
#b594d2 rgb(181,148,210)
```
#b58ed8
```
#b58ed8 rgb(181,142,216)
```
#b688de
```
#b688de rgb(182,136,222)
```
#b682e4
```
#b682e4 rgb(182,130,228)
```
#b67cea
```
#b67cea rgb(182,124,234)
```
#b776f0
```
#b776f0 rgb(183,118,240)
```
#b770f6
```
#b770f6 rgb(183,112,246)
```
#b76bfb
```
#b76bfb rgb(183,107,251)
```

Tone Color Variation

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

#789af3 Protanopia 1% of men
#809cde Deuteranopia 1% of men
#ac98a2 Tritanopia 0.001% of the population

Trichromacy

#8e91ed Protanomaly 1% of men, 0.01% of women
#9392e0 Deuteranomaly 6% of men, 0.4% of women
#af90ba Tritanomaly 0.01% of the population

#b682e4 hex color

#b682e4 Color Information

#b682e4 Color Conversion

Color Schemes with #b682e4

Alternatives to #b682e4

#b682e4 Preview

Shades and Tints of #b682e4

Tones of #b682e4

Color Blindness Simulator