#682aea hex color

In a RGB color space, hex #682aea is composed of 40.8% red, 16.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 82.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 259.4 degrees, a saturation of 82.1% and a lightness of 54.1%. #682aea color hex could be obtained by blending #d054ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 16
- B 92
RGB color chart
- C 56
- M 82
- Y 0
- K 8
CMYK color chart

● #682aea color description : Bright violet.

The hexadecimal color #682aea has RGB values of R:104, G:42, B:234 and CMYK values of C:0.56, M:0.82, Y:0, K:0.08. Its decimal value is 6826730.

Hex triplet	682aea	`#682aea`
RGB Decimal	104, 42, 234	`rgb(104,42,234)`
RGB Percent	40.8, 16.5, 91.8	`rgb(40.8%,16.5%,91.8%)`
CMYK	56, 82, 0, 8
HSL	259.4°, 82.1, 54.1	`hsl(259.4,82.1%,54.1%)`
HSV (or HSB)	259.4°, 82.1, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.793, 67.933, -85.051
XYZ	21.385, 10.539, 78.745
xyY	0.193, 0.095, 10.539
CIE-LCH	38.793, 108.852, 308.616
CIE-LUV	38.793, 4.002, -121.118
Hunter-Lab	32.464, 60.775, -121.09
Binary	01101000, 00101010, 11101010

#682aea
```
#682aea rgb(104,42,234)
```
#acea2a
```
#acea2a rgb(172,234,42)
```

Complementary Color

#2a4cea
```
#2a4cea rgb(42,76,234)
```
#682aea
```
#682aea rgb(104,42,234)
```
#c82aea
```
#c82aea rgb(200,42,234)
```

Analogous Color

#4cea2a
```
#4cea2a rgb(76,234,42)
```
#682aea
```
#682aea rgb(104,42,234)
```
#eac82a
```
#eac82a rgb(234,200,42)
```

Split Complementary Color

#2aea68
```
#2aea68 rgb(42,234,104)
```
#682aea
```
#682aea rgb(104,42,234)
```
#ea682a
```
#ea682a rgb(234,104,42)
```

Triadic Color

#2aacea
```
#2aacea rgb(42,172,234)
```
#682aea
```
#682aea rgb(104,42,234)
```
#ea682a
```
#ea682a rgb(234,104,42)
```
#acea2a
```
#acea2a rgb(172,234,42)
```

Tetradic Color

#4712b6
```
#4712b6 rgb(71,18,182)
```
#5014cd
```
#5014cd rgb(80,20,205)
```
#5916e4
```
#5916e4 rgb(89,22,228)
```
#682aea
```
#682aea rgb(104,42,234)
```
#7841ec
```
#7841ec rgb(120,65,236)
```
#8958ef
```
#8958ef rgb(137,88,239)
```
#9970f1
```
#9970f1 rgb(153,112,241)
```

Monochromatic Color

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

#382aea
```
#382aea rgb(56,42,234)
```
#482aea
```
#482aea rgb(72,42,234)
```
#582aea
```
#582aea rgb(88,42,234)
```
#682aea
```
#682aea rgb(104,42,234)
```
#782aea
```
#782aea rgb(120,42,234)
```
#882aea
```
#882aea rgb(136,42,234)
```
#982aea
```
#982aea rgb(152,42,234)
```

Similar Colors

Text with hexadecimal color #682aea

This text has a font color of #682aea.

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

#682aea background color

This paragraph has a background color of #682aea.

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

#682aea border color

This element has a border color of #682aea.

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

CSS codes

.text {color:#682aea;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070213
```
#070213 rgb(7,2,19)
```
#0e0425
```
#0e0425 rgb(14,4,37)
```
#150537
```
#150537 rgb(21,5,55)
```
#1c0749
```
#1c0749 rgb(28,7,73)
```
#23095b
```
#23095b rgb(35,9,91)
```
#2a0b6c
```
#2a0b6c rgb(42,11,108)
```
#310c7e
```
#310c7e rgb(49,12,126)
```
#380e90
```
#380e90 rgb(56,14,144)
```
#3f10a2
```
#3f10a2 rgb(63,16,162)
```
#4612b4
```
#4612b4 rgb(70,18,180)
```
#4d13c6
```
#4d13c6 rgb(77,19,198)
```
#5415d8
```
#5415d8 rgb(84,21,216)
```

Shade Color Variation

#5b18e8
```
#5b18e8 rgb(91,24,232)
```
#682aea
```
#682aea rgb(104,42,234)
```
#753cec
```
#753cec rgb(117,60,236)
```
#814eee
```
#814eee rgb(129,78,238)
```
#8e60ef
```
#8e60ef rgb(142,96,239)
```
#9b71f1
```
#9b71f1 rgb(155,113,241)
```
#a783f3
```
#a783f3 rgb(167,131,243)
```
#b495f5
```
#b495f5 rgb(180,149,245)
```
#c1a7f6
```
#c1a7f6 rgb(193,167,246)
```
#cdb9f8
```
#cdb9f8 rgb(205,185,248)
```
#dacbfa
```
#dacbfa rgb(218,203,250)
```
#e7ddfc
```
#e7ddfc rgb(231,221,252)
```
#f3eefd
```
#f3eefd rgb(243,238,253)
```

Tint Color Variation

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

#888490
```
#888490 rgb(136,132,144)
```
#857b99
```
#857b99 rgb(133,123,153)
```
#8272a2
```
#8272a2 rgb(130,114,162)
```
#7e69ab
```
#7e69ab rgb(126,105,171)
```
#7b60b4
```
#7b60b4 rgb(123,96,180)
```
#7857bd
```
#7857bd rgb(120,87,189)
```
#754ec6
```
#754ec6 rgb(117,78,198)
```
#7245cf
```
#7245cf rgb(114,69,207)
```
#6e3cd8
```
#6e3cd8 rgb(110,60,216)
```
#6b33e1
```
#6b33e1 rgb(107,51,225)
```
#682aea
```
#682aea rgb(104,42,234)
```
#6521f3
```
#6521f3 rgb(101,33,243)
```
#6218fc
```
#6218fc rgb(98,24,252)
```

Tone Color Variation

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

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#326b73 Tritanopia 0.001% of the population

Trichromacy

#254dcd Protanomaly 1% of men, 0.01% of women
#2550bd Deuteranomaly 6% of men, 0.4% of women
#45539e Tritanomaly 0.01% of the population

#682aea hex color

#682aea Color Information

#682aea Color Conversion

Color Schemes with #682aea

Alternatives to #682aea

#682aea Preview

Shades and Tints of #682aea

Tones of #682aea

Color Blindness Simulator