#682eaa hex color

In a RGB color space, hex #682eaa is composed of 40.8% red, 18% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 72.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 268.1 degrees, a saturation of 57.4% and a lightness of 42.4%. #682eaa color hex could be obtained by blending #d05cff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 18
- B 67
RGB color chart
- C 39
- M 73
- Y 0
- K 33
CMYK color chart

● #682eaa color description : Dark violet.

The hexadecimal color #682eaa has RGB values of R:104, G:46, B:170 and CMYK values of C:0.39, M:0.73, Y:0, K:0.33. Its decimal value is 6827690.

Hex triplet	682eaa	`#682eaa`
RGB Decimal	104, 46, 170	`rgb(104,46,170)`
RGB Percent	40.8, 18, 66.7	`rgb(40.8%,18%,66.7%)`
CMYK	39, 73, 0, 33
HSL	268.1°, 57.4, 42.4	`hsl(268.1,57.4%,42.4%)`
HSV (or HSB)	268.1°, 72.9, 66.7
Web Safe	663399	`#663399`

CIE-LAB	33.562, 50.056, -56.34
XYZ	13.94, 7.799, 38.799
xyY	0.23, 0.129, 7.799
CIE-LCH	33.562, 75.365, 311.62
CIE-LUV	33.562, 12.049, -80.508
Hunter-Lab	27.927, 40.228, -62.821
Binary	01101000, 00101110, 10101010

#682eaa
```
#682eaa rgb(104,46,170)
```
#70aa2e
```
#70aa2e rgb(112,170,46)
```

Complementary Color

#2e32aa
```
#2e32aa rgb(46,50,170)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#a62eaa
```
#a62eaa rgb(166,46,170)
```

Analogous Color

#32aa2e
```
#32aa2e rgb(50,170,46)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#aaa62e
```
#aaa62e rgb(170,166,46)
```

Split Complementary Color

#2eaa68
```
#2eaa68 rgb(46,170,104)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#aa682e
```
#aa682e rgb(170,104,46)
```

Triadic Color

#2e70aa
```
#2e70aa rgb(46,112,170)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#aa682e
```
#aa682e rgb(170,104,46)
```
#70aa2e
```
#70aa2e rgb(112,170,46)
```

Tetradic Color

#431e6e
```
#431e6e rgb(67,30,110)
```
#4f2382
```
#4f2382 rgb(79,35,130)
```
#5c2996
```
#5c2996 rgb(92,41,150)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#7433be
```
#7433be rgb(116,51,190)
```
#8140cb
```
#8140cb rgb(129,64,203)
```
#8e54d1
```
#8e54d1 rgb(142,84,209)
```

Monochromatic Color

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

#492eaa
```
#492eaa rgb(73,46,170)
```
#532eaa
```
#532eaa rgb(83,46,170)
```
#5e2eaa
```
#5e2eaa rgb(94,46,170)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#722eaa
```
#722eaa rgb(114,46,170)
```
#7d2eaa
```
#7d2eaa rgb(125,46,170)
```
#872eaa
```
#872eaa rgb(135,46,170)
```

Similar Colors

Text with hexadecimal color #682eaa

This text has a font color of #682eaa.

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

#682eaa background color

This paragraph has a background color of #682eaa.

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

#682eaa border color

This element has a border color of #682eaa.

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

CSS codes

.text {color:#682eaa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0410
```
#0a0410 rgb(10,4,16)
```
#13081f
```
#13081f rgb(19,8,31)
```
#1c0d2e
```
#1c0d2e rgb(28,13,46)
```
#26113e
```
#26113e rgb(38,17,62)
```
#2f154d
```
#2f154d rgb(47,21,77)
```
#39195d
```
#39195d rgb(57,25,93)
```
#421d6c
```
#421d6c rgb(66,29,108)
```
#4c217c
```
#4c217c rgb(76,33,124)
```
#55268b
```
#55268b rgb(85,38,139)
```
#5f2a9b
```
#5f2a9b rgb(95,42,155)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#7132b9
```
#7132b9 rgb(113,50,185)
```

Shade Color Variation

#7b36c9
```
#7b36c9 rgb(123,54,201)
```
#8546cd
```
#8546cd rgb(133,70,205)
```
#8f55d1
```
#8f55d1 rgb(143,85,209)
```
#9965d5
```
#9965d5 rgb(153,101,213)
```
#a474d9
```
#a474d9 rgb(164,116,217)
```
#ae84de
```
#ae84de rgb(174,132,222)
```
#b893e2
```
#b893e2 rgb(184,147,226)
```
#c2a3e6
```
#c2a3e6 rgb(194,163,230)
```
#ccb2ea
```
#ccb2ea rgb(204,178,234)
```
#d6c1ee
```
#d6c1ee rgb(214,193,238)
```
#e1d1f3
```
#e1d1f3 rgb(225,209,243)
```
#ebe0f7
```
#ebe0f7 rgb(235,224,247)
```
#f5f0fb
```
#f5f0fb rgb(245,240,251)
```

Tint Color Variation

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

#6c6870
```
#6c6870 rgb(108,104,112)
```
#6b6078
```
#6b6078 rgb(107,96,120)
```
#6b5880
```
#6b5880 rgb(107,88,128)
```
#6a4f89
```
#6a4f89 rgb(106,79,137)
```
#6a4791
```
#6a4791 rgb(106,71,145)
```
#693f99
```
#693f99 rgb(105,63,153)
```
#6936a2
```
#6936a2 rgb(105,54,162)
```
#682eaa
```
#682eaa rgb(104,46,170)
```
#6726b2
```
#6726b2 rgb(103,38,178)
```
#671dbb
```
#671dbb rgb(103,29,187)
```
#6615c3
```
#6615c3 rgb(102,21,195)
```
#660dcb
```
#660dcb rgb(102,13,203)
```
#6504d4
```
#6504d4 rgb(101,4,212)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#524760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005993 Deuteranopia 1% of men
#5a565c Tritanopia 0.001% of the population

Trichromacy

#2547a7 Protanomaly 1% of men, 0.01% of women
#25499b Deuteranomaly 6% of men, 0.4% of women
#5f4778 Tritanomaly 0.01% of the population

#682eaa hex color

#682eaa Color Information

#682eaa Color Conversion

Color Schemes with #682eaa

Alternatives to #682eaa

#682eaa Preview

Shades and Tints of #682eaa

Tones of #682eaa

Color Blindness Simulator