#682e9a hex color

In a RGB color space, hex #682e9a is composed of 40.8% red, 18% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 70.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 272.2 degrees, a saturation of 54% and a lightness of 39.2%. #682e9a color hex could be obtained by blending #d05cff with #000035. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 18
- B 60
RGB color chart
- C 32
- M 70
- Y 0
- K 40
CMYK color chart

● #682e9a color description : Dark violet.

The hexadecimal color #682e9a has RGB values of R:104, G:46, B:154 and CMYK values of C:0.32, M:0.7, Y:0, K:0.4. Its decimal value is 6827674.

Hex triplet	682e9a	`#682e9a`
RGB Decimal	104, 46, 154	`rgb(104,46,154)`
RGB Percent	40.8, 18, 60.4	`rgb(40.8%,18%,60.4%)`
CMYK	32, 70, 0, 40
HSL	272.2°, 54, 39.2	`hsl(272.2,54%,39.2%)`
HSV (or HSB)	272.2°, 70.1, 60.4
Web Safe	663399	`#663399`

CIE-LAB	32.326, 46.09, -48.684
XYZ	12.518, 7.23, 31.306
xyY	0.245, 0.142, 7.23
CIE-LCH	32.326, 67.04, 313.432
CIE-LUV	32.326, 14.778, -69.556
Hunter-Lab	26.889, 36.041, -50.207
Binary	01101000, 00101110, 10011010

#682e9a
```
#682e9a rgb(104,46,154)
```
#609a2e
```
#609a2e rgb(96,154,46)
```

Complementary Color

#322e9a
```
#322e9a rgb(50,46,154)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#9a2e96
```
#9a2e96 rgb(154,46,150)
```

Analogous Color

#2e9a32
```
#2e9a32 rgb(46,154,50)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#969a2e
```
#969a2e rgb(150,154,46)
```

Split Complementary Color

#2e9a68
```
#2e9a68 rgb(46,154,104)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#9a682e
```
#9a682e rgb(154,104,46)
```

Triadic Color

#2e609a
```
#2e609a rgb(46,96,154)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#9a682e
```
#9a682e rgb(154,104,46)
```
#609a2e
```
#609a2e rgb(96,154,46)
```

Tetradic Color

#401c5f
```
#401c5f rgb(64,28,95)
```
#4d2273
```
#4d2273 rgb(77,34,115)
```
#5b2886
```
#5b2886 rgb(91,40,134)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#7534ae
```
#7534ae rgb(117,52,174)
```
#833ac1
```
#833ac1 rgb(131,58,193)
```
#8f4bc9
```
#8f4bc9 rgb(143,75,201)
```

Monochromatic Color

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

#4d2e9a
```
#4d2e9a rgb(77,46,154)
```
#562e9a
```
#562e9a rgb(86,46,154)
```
#5f2e9a
```
#5f2e9a rgb(95,46,154)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#712e9a
```
#712e9a rgb(113,46,154)
```
#7a2e9a
```
#7a2e9a rgb(122,46,154)
```
#832e9a
```
#832e9a rgb(131,46,154)
```

Similar Colors

Text with hexadecimal color #682e9a

This text has a font color of #682e9a.

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

#682e9a background color

This paragraph has a background color of #682e9a.

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

#682e9a border color

This element has a border color of #682e9a.

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

CSS codes

.text {color:#682e9a;}

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

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

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 #f7f3fb is the lightest one.

#020103
```
#020103 rgb(2,1,3)
```
#0c0512
```
#0c0512 rgb(12,5,18)
```
#160a21
```
#160a21 rgb(22,10,33)
```
#210e30
```
#210e30 rgb(33,14,48)
```
#2b133f
```
#2b133f rgb(43,19,63)
```
#35174e
```
#35174e rgb(53,23,78)
```
#3f1c5e
```
#3f1c5e rgb(63,28,94)
```
#49206d
```
#49206d rgb(73,32,109)
```
#54257c
```
#54257c rgb(84,37,124)
```
#5e298b
```
#5e298b rgb(94,41,139)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#7233a9
```
#7233a9 rgb(114,51,169)
```
#7c37b8
```
#7c37b8 rgb(124,55,184)
```

Shade Color Variation

#863ec5
```
#863ec5 rgb(134,62,197)
```
#904dca
```
#904dca rgb(144,77,202)
```
#995cce
```
#995cce rgb(153,92,206)
```
#a36bd3
```
#a36bd3 rgb(163,107,211)
```
#ac7ad7
```
#ac7ad7 rgb(172,122,215)
```
#b689dc
```
#b689dc rgb(182,137,220)
```
#bf98e0
```
#bf98e0 rgb(191,152,224)
```
#c8a7e5
```
#c8a7e5 rgb(200,167,229)
```
#d2b6e9
```
#d2b6e9 rgb(210,182,233)
```
#dbc6ee
```
#dbc6ee rgb(219,198,238)
```
#e5d5f2
```
#e5d5f2 rgb(229,213,242)
```
#eee4f7
```
#eee4f7 rgb(238,228,247)
```
#f7f3fb
```
#f7f3fb rgb(247,243,251)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#655c6c
```
#655c6c rgb(101,92,108)
```
#655474
```
#655474 rgb(101,84,116)
```
#664d7b
```
#664d7b rgb(102,77,123)
```
#664583
```
#664583 rgb(102,69,131)
```
#673d8b
```
#673d8b rgb(103,61,139)
```
#673692
```
#673692 rgb(103,54,146)
```
#682e9a
```
#682e9a rgb(104,46,154)
```
#6926a2
```
#6926a2 rgb(105,38,162)
```
#691fa9
```
#691fa9 rgb(105,31,169)
```
#6a17b1
```
#6a17b1 rgb(106,23,177)
```
#6a0fb9
```
#6a0fb9 rgb(106,15,185)
```
#6b08c0
```
#6b08c0 rgb(107,8,192)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#52465c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#5f5157 Tritanopia 0.001% of the population

Trichromacy

#25459e Protanomaly 1% of men, 0.01% of women
#254893 Deuteranomaly 6% of men, 0.4% of women
#62446f Tritanomaly 0.01% of the population

#682e9a hex color

#682e9a Color Information

#682e9a Color Conversion

Color Schemes with #682e9a

Alternatives to #682e9a

#682e9a Preview

Shades and Tints of #682e9a

Tones of #682e9a

Color Blindness Simulator