#682e96 hex color

In a RGB color space, hex #682e96 is composed of 40.8% red, 18% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 69.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 273.5 degrees, a saturation of 53.1% and a lightness of 38.4%. #682e96 color hex could be obtained by blending #d05cff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 18
- B 59
RGB color chart
- C 31
- M 69
- Y 0
- K 41
CMYK color chart

● #682e96 color description : Dark moderate violet.

The hexadecimal color #682e96 has RGB values of R:104, G:46, B:150 and CMYK values of C:0.31, M:0.69, Y:0, K:0.41. Its decimal value is 6827670.

Hex triplet	682e96	`#682e96`
RGB Decimal	104, 46, 150	`rgb(104,46,150)`
RGB Percent	40.8, 18, 58.8	`rgb(40.8%,18%,58.8%)`
CMYK	31, 69, 0, 41
HSL	273.5°, 53.1, 38.4	`hsl(273.5,53.1%,38.4%)`
HSV (or HSB)	273.5°, 69.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	32.032, 45.117, -46.719
XYZ	12.19, 7.099, 29.581
xyY	0.249, 0.145, 7.099
CIE-LCH	32.032, 64.947, 314
CIE-LUV	32.032, 15.507, -66.751
Hunter-Lab	26.644, 35.038, -47.172
Binary	01101000, 00101110, 10010110

#682e96
```
#682e96 rgb(104,46,150)
```
#5c962e
```
#5c962e rgb(92,150,46)
```

Complementary Color

#342e96
```
#342e96 rgb(52,46,150)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#962e90
```
#962e90 rgb(150,46,144)
```

Analogous Color

#2e9634
```
#2e9634 rgb(46,150,52)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#90962e
```
#90962e rgb(144,150,46)
```

Split Complementary Color

#2e9668
```
#2e9668 rgb(46,150,104)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#96682e
```
#96682e rgb(150,104,46)
```

Triadic Color

#2e5c96
```
#2e5c96 rgb(46,92,150)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#96682e
```
#96682e rgb(150,104,46)
```
#5c962e
```
#5c962e rgb(92,150,46)
```

Tetradic Color

#3f1c5b
```
#3f1c5b rgb(63,28,91)
```
#4d226f
```
#4d226f rgb(77,34,111)
```
#5a2882
```
#5a2882 rgb(90,40,130)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#7634aa
```
#7634aa rgb(118,52,170)
```
#833abd
```
#833abd rgb(131,58,189)
```
#9049c7
```
#9049c7 rgb(144,73,199)
```

Monochromatic Color

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

#4e2e96
```
#4e2e96 rgb(78,46,150)
```
#572e96
```
#572e96 rgb(87,46,150)
```
#5f2e96
```
#5f2e96 rgb(95,46,150)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#712e96
```
#712e96 rgb(113,46,150)
```
#792e96
```
#792e96 rgb(121,46,150)
```
#822e96
```
#822e96 rgb(130,46,150)
```

Similar Colors

Text with hexadecimal color #682e96

This text has a font color of #682e96.

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

#682e96 background color

This paragraph has a background color of #682e96.

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

#682e96 border color

This element has a border color of #682e96.

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

CSS codes

.text {color:#682e96;}

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

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

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, #0a050f is the darkest color, while #ffffff is the lightest one.

#0a050f
```
#0a050f rgb(10,5,15)
```
#15091e
```
#15091e rgb(21,9,30)
```
#1f0e2d
```
#1f0e2d rgb(31,14,45)
```
#2a123c
```
#2a123c rgb(42,18,60)
```
#34174b
```
#34174b rgb(52,23,75)
```
#3e1c5a
```
#3e1c5a rgb(62,28,90)
```
#492069
```
#492069 rgb(73,32,105)
```
#532578
```
#532578 rgb(83,37,120)
```
#5e2987
```
#5e2987 rgb(94,41,135)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#7233a5
```
#7233a5 rgb(114,51,165)
```
#7d37b4
```
#7d37b4 rgb(125,55,180)
```
#873cc3
```
#873cc3 rgb(135,60,195)
```

Shade Color Variation

#904bc8
```
#904bc8 rgb(144,75,200)
```
#9a5acc
```
#9a5acc rgb(154,90,204)
```
#a369d1
```
#a369d1 rgb(163,105,209)
```
#ac78d6
```
#ac78d6 rgb(172,120,214)
```
#b587da
```
#b587da rgb(181,135,218)
```
#be96df
```
#be96df rgb(190,150,223)
```
#c8a5e3
```
#c8a5e3 rgb(200,165,227)
```
#d1b4e8
```
#d1b4e8 rgb(209,180,232)
```
#dac3ed
```
#dac3ed rgb(218,195,237)
```
#e3d2f1
```
#e3d2f1 rgb(227,210,241)
```
#ede1f6
```
#ede1f6 rgb(237,225,246)
```
#f6f0fa
```
#f6f0fa rgb(246,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#635b69
```
#635b69 rgb(99,91,105)
```
#645470
```
#645470 rgb(100,84,112)
```
#654c78
```
#654c78 rgb(101,76,120)
```
#65457f
```
#65457f rgb(101,69,127)
```
#663d87
```
#663d87 rgb(102,61,135)
```
#67368e
```
#67368e rgb(103,54,142)
```
#682e96
```
#682e96 rgb(104,46,150)
```
#69269e
```
#69269e rgb(105,38,158)
```
#6a1fa5
```
#6a1fa5 rgb(106,31,165)
```
#6b17ad
```
#6b17ad rgb(107,23,173)
```
#6b10b4
```
#6b10b4 rgb(107,16,180)
```
#6c08bc
```
#6c08bc rgb(108,8,188)
```
#6d01c3
```
#6d01c3 rgb(109,1,195)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#51455a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#605056 Tritanopia 0.001% of the population

Trichromacy

#25459c Protanomaly 1% of men, 0.01% of women
#254791 Deuteranomaly 6% of men, 0.4% of women
#63436d Tritanomaly 0.01% of the population

#682e96 hex color

#682e96 Color Information

#682e96 Color Conversion

Color Schemes with #682e96

Alternatives to #682e96

#682e96 Preview

Shades and Tints of #682e96

Tones of #682e96

Color Blindness Simulator