#682ed5 hex color

In a RGB color space, hex #682ed5 is composed of 40.8% red, 18% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 78.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 260.8 degrees, a saturation of 66.5% and a lightness of 50.8%. #682ed5 color hex could be obtained by blending #d05cff with #0000ab. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 84
RGB color chart
- C 51
- M 78
- Y 0
- K 16
CMYK color chart

● #682ed5 color description : Strong violet.

The hexadecimal color #682ed5 has RGB values of R:104, G:46, B:213 and CMYK values of C:0.51, M:0.78, Y:0, K:0.16. Its decimal value is 6827733.

Hex triplet	682ed5	`#682ed5`
RGB Decimal	104, 46, 213	`rgb(104,46,213)`
RGB Percent	40.8, 18, 83.5	`rgb(40.8%,18%,83.5%)`
CMYK	51, 78, 0, 16
HSL	260.8°, 66.5, 50.8	`hsl(260.8,66.5%,50.8%)`
HSV (or HSB)	260.8°, 78.4, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.3, 61.034, -75.493
XYZ	18.694, 9.701, 63.835
xyY	0.203, 0.105, 9.701
CIE-LCH	37.3, 97.079, 308.955
CIE-LUV	37.3, 6.001, -108.08
Hunter-Lab	31.146, 52.63, -99.713
Binary	01101000, 00101110, 11010101

#682ed5
```
#682ed5 rgb(104,46,213)
```
#9bd52e
```
#9bd52e rgb(155,213,46)
```

Complementary Color

#2e48d5
```
#2e48d5 rgb(46,72,213)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#bc2ed5
```
#bc2ed5 rgb(188,46,213)
```

Analogous Color

#48d52e
```
#48d52e rgb(72,213,46)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#d5bc2e
```
#d5bc2e rgb(213,188,46)
```

Split Complementary Color

#2ed568
```
#2ed568 rgb(46,213,104)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#d5682e
```
#d5682e rgb(213,104,46)
```

Triadic Color

#2e9bd5
```
#2e9bd5 rgb(46,155,213)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#d5682e
```
#d5682e rgb(213,104,46)
```
#9bd52e
```
#9bd52e rgb(155,213,46)
```

Tetradic Color

#491f98
```
#491f98 rgb(73,31,152)
```
#5323ad
```
#5323ad rgb(83,35,173)
```
#5d27c2
```
#5d27c2 rgb(93,39,194)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#7743d9
```
#7743d9 rgb(119,67,217)
```
#8758de
```
#8758de rgb(135,88,222)
```
#966ee2
```
#966ee2 rgb(150,110,226)
```

Monochromatic Color

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

#3e2ed5
```
#3e2ed5 rgb(62,46,213)
```
#4c2ed5
```
#4c2ed5 rgb(76,46,213)
```
#5a2ed5
```
#5a2ed5 rgb(90,46,213)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#762ed5
```
#762ed5 rgb(118,46,213)
```
#842ed5
```
#842ed5 rgb(132,46,213)
```
#922ed5
```
#922ed5 rgb(146,46,213)
```

Similar Colors

Text with hexadecimal color #682ed5

This text has a font color of #682ed5.

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

#682ed5 background color

This paragraph has a background color of #682ed5.

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

#682ed5 border color

This element has a border color of #682ed5.

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

CSS codes

.text {color:#682ed5;}

.background {background-color:#682ed5;}

.border {border:1px solid #682ed5;}

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

#020103
```
#020103 rgb(2,1,3)
```
#090414
```
#090414 rgb(9,4,20)
```
#110724
```
#110724 rgb(17,7,36)
```
#190b34
```
#190b34 rgb(25,11,52)
```
#210e45
```
#210e45 rgb(33,14,69)
```
#291155
```
#291155 rgb(41,17,85)
```
#301465
```
#301465 rgb(48,20,101)
```
#381876
```
#381876 rgb(56,24,118)
```
#401b86
```
#401b86 rgb(64,27,134)
```
#481e96
```
#481e96 rgb(72,30,150)
```
#5021a7
```
#5021a7 rgb(80,33,167)
```
#5825b7
```
#5825b7 rgb(88,37,183)
```
#5f28c7
```
#5f28c7 rgb(95,40,199)
```

Shade Color Variation

#682ed5
```
#682ed5 rgb(104,46,213)
```
#743ed8
```
#743ed8 rgb(116,62,216)
```
#804fdc
```
#804fdc rgb(128,79,220)
```
#8b5fdf
```
#8b5fdf rgb(139,95,223)
```
#976fe2
```
#976fe2 rgb(151,111,226)
```
#a380e5
```
#a380e5 rgb(163,128,229)
```
#af90e9
```
#af90e9 rgb(175,144,233)
```
#bba0ec
```
#bba0ec rgb(187,160,236)
```
#c6b1ef
```
#c6b1ef rgb(198,177,239)
```
#d2c1f3
```
#d2c1f3 rgb(210,193,243)
```
#ded1f6
```
#ded1f6 rgb(222,209,246)
```
#eae2f9
```
#eae2f9 rgb(234,226,249)
```
#f6f2fc
```
#f6f2fc rgb(246,242,252)
```

Tint Color Variation

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

#807b88
```
#807b88 rgb(128,123,136)
```
#7d7291
```
#7d7291 rgb(125,114,145)
```
#7a689b
```
#7a689b rgb(122,104,155)
```
#775ea5
```
#775ea5 rgb(119,94,165)
```
#7455ae
```
#7455ae rgb(116,85,174)
```
#714bb8
```
#714bb8 rgb(113,75,184)
```
#6e41c2
```
#6e41c2 rgb(110,65,194)
```
#6b38cb
```
#6b38cb rgb(107,56,203)
```
#682ed5
```
#682ed5 rgb(104,46,213)
```
#6524df
```
#6524df rgb(101,36,223)
```
#621be8
```
#621be8 rgb(98,27,232)
```
#5f11f2
```
#5f11f2 rgb(95,17,242)
```
#5c07fc
```
#5c07fc rgb(92,7,252)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#564b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#45656c Tritanopia 0.001% of the population

Trichromacy

#254cc1 Protanomaly 1% of men, 0.01% of women
#254fb2 Deuteranomaly 6% of men, 0.4% of women
#525192 Tritanomaly 0.01% of the population

#682ed5 hex color

#682ed5 Color Information

#682ed5 Color Conversion

Color Schemes with #682ed5

Alternatives to #682ed5

#682ed5 Preview

Shades and Tints of #682ed5

Tones of #682ed5

Color Blindness Simulator