#681e86 hex color

In a RGB color space, hex #681e86 is composed of 40.8% red, 11.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 77.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 282.7 degrees, a saturation of 63.4% and a lightness of 32.2%. #681e86 color hex could be obtained by blending #d03cff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 12
- B 53
RGB color chart
- C 22
- M 78
- Y 0
- K 47
CMYK color chart

● #681e86 color description : Dark violet.

The hexadecimal color #681e86 has RGB values of R:104, G:30, B:134 and CMYK values of C:0.22, M:0.78, Y:0, K:0.47. Its decimal value is 6823558.

Hex triplet	681e86	`#681e86`
RGB Decimal	104, 30, 134	`rgb(104,30,134)`
RGB Percent	40.8, 11.8, 52.5	`rgb(40.8%,11.8%,52.5%)`
CMYK	22, 78, 0, 47
HSL	282.7°, 63.4, 32.2	`hsl(282.7,63.4%,32.2%)`
HSV (or HSB)	282.7°, 77.6, 52.5
Web Safe	663399	`#663399`

CIE-LAB	28.362, 48.512, -42.764
XYZ	10.476, 5.593, 23.081
xyY	0.268, 0.143, 5.593
CIE-LCH	28.362, 64.67, 318.603
CIE-LUV	28.362, 21.483, -59.241
Hunter-Lab	23.65, 37.679, -41.308
Binary	01101000, 00011110, 10000110

#681e86
```
#681e86 rgb(104,30,134)
```
#3c861e
```
#3c861e rgb(60,134,30)
```

Complementary Color

#341e86
```
#341e86 rgb(52,30,134)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#861e70
```
#861e70 rgb(134,30,112)
```

Analogous Color

#1e8634
```
#1e8634 rgb(30,134,52)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#70861e
```
#70861e rgb(112,134,30)
```

Split Complementary Color

#1e8668
```
#1e8668 rgb(30,134,104)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#86681e
```
#86681e rgb(134,104,30)
```

Triadic Color

#1e3c86
```
#1e3c86 rgb(30,60,134)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#86681e
```
#86681e rgb(134,104,30)
```
#3c861e
```
#3c861e rgb(60,134,30)
```

Tetradic Color

#371047
```
#371047 rgb(55,16,71)
```
#48155c
```
#48155c rgb(72,21,92)
```
#581971
```
#581971 rgb(88,25,113)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#78239b
```
#78239b rgb(120,35,155)
```
#8827b0
```
#8827b0 rgb(136,39,176)
```
#992cc5
```
#992cc5 rgb(153,44,197)
```

Monochromatic Color

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

#4e1e86
```
#4e1e86 rgb(78,30,134)
```
#571e86
```
#571e86 rgb(87,30,134)
```
#5f1e86
```
#5f1e86 rgb(95,30,134)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#711e86
```
#711e86 rgb(113,30,134)
```
#791e86
```
#791e86 rgb(121,30,134)
```
#821e86
```
#821e86 rgb(130,30,134)
```

Similar Colors

Text with hexadecimal color #681e86

This text has a font color of #681e86.

<span style="color:#681e86;">Text here</span>

#681e86 background color

This paragraph has a background color of #681e86.

<p style="background-color:#681e86;">Content here</p>

#681e86 border color

This element has a border color of #681e86.

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

CSS codes

.text {color:#681e86;}

.background {background-color:#681e86;}

.border {border:1px solid #681e86;}

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

#040106
```
#040106 rgb(4,1,6)
```
#110516
```
#110516 rgb(17,5,22)
```
#1d0826
```
#1d0826 rgb(29,8,38)
```
#2a0c36
```
#2a0c36 rgb(42,12,54)
```
#361046
```
#361046 rgb(54,16,70)
```
#431356
```
#431356 rgb(67,19,86)
```
#4f1766
```
#4f1766 rgb(79,23,102)
```
#5c1a76
```
#5c1a76 rgb(92,26,118)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#742296
```
#742296 rgb(116,34,150)
```
#8125a6
```
#8125a6 rgb(129,37,166)
```
#8d29b6
```
#8d29b6 rgb(141,41,182)
```
#9a2cc6
```
#9a2cc6 rgb(154,44,198)
```

Shade Color Variation

#a434d2
```
#a434d2 rgb(164,52,210)
```
#ab44d5
```
#ab44d5 rgb(171,68,213)
```
#b354d9
```
#b354d9 rgb(179,84,217)
```
#ba65dc
```
#ba65dc rgb(186,101,220)
```
#c175e0
```
#c175e0 rgb(193,117,224)
```
#c885e4
```
#c885e4 rgb(200,133,228)
```
#cf95e7
```
#cf95e7 rgb(207,149,231)
```
#d7a5eb
```
#d7a5eb rgb(215,165,235)
```
#deb5ee
```
#deb5ee rgb(222,181,238)
```
#e5c5f2
```
#e5c5f2 rgb(229,197,242)
```
#ecd5f6
```
#ecd5f6 rgb(236,213,246)
```
#f3e5f9
```
#f3e5f9 rgb(243,229,249)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#535054
```
#535054 rgb(83,80,84)
```
#554a5a
```
#554a5a rgb(85,74,90)
```
#584460
```
#584460 rgb(88,68,96)
```
#5b3e66
```
#5b3e66 rgb(91,62,102)
```
#5d376d
```
#5d376d rgb(93,55,109)
```
#603173
```
#603173 rgb(96,49,115)
```
#632b79
```
#632b79 rgb(99,43,121)
```
#652480
```
#652480 rgb(101,36,128)
```
#681e86
```
#681e86 rgb(104,30,134)
```
#6b188c
```
#6b188c rgb(107,24,140)
```
#6d1193
```
#6d1193 rgb(109,17,147)
```
#700b99
```
#700b99 rgb(112,11,153)
```
#73059f
```
#73059f rgb(115,5,159)
```

Tone Color Variation

Below, you can see how #681e86 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

#404040 Achromatopsia 0.005% of the population
#48394e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#0e4d81 Deuteranopia 1% of men
#634448 Tritanopia 0.001% of the population

Trichromacy

#253a8d Protanomaly 1% of men, 0.01% of women
#2f3c83 Deuteranomaly 6% of men, 0.4% of women
#65365e Tritanomaly 0.01% of the population

#681e86 hex color

#681e86 Color Information

#681e86 Color Conversion

Color Schemes with #681e86

Alternatives to #681e86

#681e86 Preview

Shades and Tints of #681e86

Tones of #681e86

Color Blindness Simulator