#682ae5 hex color

In a RGB color space, hex #682ae5 is composed of 40.8% red, 16.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 81.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 259.9 degrees, a saturation of 78.2% and a lightness of 53.1%. #682ae5 color hex could be obtained by blending #d054ff with #0000cb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 16
- B 90
RGB color chart
- C 55
- M 82
- Y 0
- K 10
CMYK color chart

● #682ae5 color description : Bright violet.

The hexadecimal color #682ae5 has RGB values of R:104, G:42, B:229 and CMYK values of C:0.55, M:0.82, Y:0, K:0.1. Its decimal value is 6826725.

Hex triplet	682ae5	`#682ae5`
RGB Decimal	104, 42, 229	`rgb(104,42,229)`
RGB Percent	40.8, 16.5, 89.8	`rgb(40.8%,16.5%,89.8%)`
CMYK	55, 82, 0, 10
HSL	259.9°, 78.2, 53.1	`hsl(259.9,78.2%,53.1%)`
HSV (or HSB)	259.9°, 81.7, 89.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.297, 66.674, -83.025
XYZ	20.677, 10.256, 75.014
xyY	0.195, 0.097, 10.256
CIE-LCH	38.297, 106.482, 308.767
CIE-LUV	38.297, 4.562, -118.157
Hunter-Lab	32.024, 59.209, -116.464
Binary	01101000, 00101010, 11100101

#682ae5
```
#682ae5 rgb(104,42,229)
```
#a7e52a
```
#a7e52a rgb(167,229,42)
```

Complementary Color

#2a4ae5
```
#2a4ae5 rgb(42,74,229)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#c62ae5
```
#c62ae5 rgb(198,42,229)
```

Analogous Color

#4ae52a
```
#4ae52a rgb(74,229,42)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#e5c62a
```
#e5c62a rgb(229,198,42)
```

Split Complementary Color

#2ae568
```
#2ae568 rgb(42,229,104)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#e5682a
```
#e5682a rgb(229,104,42)
```

Triadic Color

#2aa7e5
```
#2aa7e5 rgb(42,167,229)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#e5682a
```
#e5682a rgb(229,104,42)
```
#a7e52a
```
#a7e52a rgb(167,229,42)
```

Tetradic Color

#4815ad
```
#4815ad rgb(72,21,173)
```
#5118c4
```
#5118c4 rgb(81,24,196)
```
#5a1bdb
```
#5a1bdb rgb(90,27,219)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#7841e8
```
#7841e8 rgb(120,65,232)
```
#8857eb
```
#8857eb rgb(136,87,235)
```
#986eed
```
#986eed rgb(152,110,237)
```

Monochromatic Color

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

#392ae5
```
#392ae5 rgb(57,42,229)
```
#492ae5
```
#492ae5 rgb(73,42,229)
```
#582ae5
```
#582ae5 rgb(88,42,229)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#782ae5
```
#782ae5 rgb(120,42,229)
```
#872ae5
```
#872ae5 rgb(135,42,229)
```
#972ae5
```
#972ae5 rgb(151,42,229)
```

Similar Colors

Text with hexadecimal color #682ae5

This text has a font color of #682ae5.

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

#682ae5 background color

This paragraph has a background color of #682ae5.

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

#682ae5 border color

This element has a border color of #682ae5.

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

CSS codes

.text {color:#682ae5;}

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

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

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

#06020e
```
#06020e rgb(6,2,14)
```
#0d0420
```
#0d0420 rgb(13,4,32)
```
#140631
```
#140631 rgb(20,6,49)
```
#1c0843
```
#1c0843 rgb(28,8,67)
```
#230a54
```
#230a54 rgb(35,10,84)
```
#2a0c66
```
#2a0c66 rgb(42,12,102)
```
#310f77
```
#310f77 rgb(49,15,119)
```
#381189
```
#381189 rgb(56,17,137)
```
#40139a
```
#40139a rgb(64,19,154)
```
#4715ac
```
#4715ac rgb(71,21,172)
```
#4e17bd
```
#4e17bd rgb(78,23,189)
```
#5519cf
```
#5519cf rgb(85,25,207)
```
#5d1be0
```
#5d1be0 rgb(93,27,224)
```

Shade Color Variation

#682ae5
```
#682ae5 rgb(104,42,229)
```
#743be7
```
#743be7 rgb(116,59,231)
```
#814de9
```
#814de9 rgb(129,77,233)
```
#8d5eeb
```
#8d5eeb rgb(141,94,235)
```
#9a70ee
```
#9a70ee rgb(154,112,238)
```
#a681f0
```
#a681f0 rgb(166,129,240)
```
#b293f2
```
#b293f2 rgb(178,147,242)
```
#bfa4f4
```
#bfa4f4 rgb(191,164,244)
```
#cbb6f6
```
#cbb6f6 rgb(203,182,246)
```
#d8c7f8
```
#d8c7f8 rgb(216,199,248)
```
#e4d9fa
```
#e4d9fa rgb(228,217,250)
```
#f0eafc
```
#f0eafc rgb(240,234,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#878689
```
#878689 rgb(135,134,137)
```
#847d92
```
#847d92 rgb(132,125,146)
```
#81749b
```
#81749b rgb(129,116,155)
```
#7e6aa5
```
#7e6aa5 rgb(126,106,165)
```
#7b61ae
```
#7b61ae rgb(123,97,174)
```
#7758b7
```
#7758b7 rgb(119,88,183)
```
#744fc0
```
#744fc0 rgb(116,79,192)
```
#7146c9
```
#7146c9 rgb(113,70,201)
```
#6e3cd3
```
#6e3cd3 rgb(110,60,211)
```
#6b33dc
```
#6b33dc rgb(107,51,220)
```
#682ae5
```
#682ae5 rgb(104,42,229)
```
#6521ee
```
#6521ee rgb(101,33,238)
```
#6218f7
```
#6218f7 rgb(98,24,247)
```

Tone Color Variation

Below, you can see how #682ae5 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
#564a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#376971 Tritanopia 0.001% of the population

Trichromacy

#254cc9 Protanomaly 1% of men, 0.01% of women
#254fba Deuteranomaly 6% of men, 0.4% of women
#49529b Tritanomaly 0.01% of the population

#682ae5 hex color

#682ae5 Color Information

#682ae5 Color Conversion

Color Schemes with #682ae5

Alternatives to #682ae5

#682ae5 Preview

Shades and Tints of #682ae5

Tones of #682ae5

Color Blindness Simulator