#681ea6 hex color

In a RGB color space, hex #681ea6 is composed of 40.8% red, 11.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 81.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 272.6 degrees, a saturation of 69.4% and a lightness of 38.4%. #681ea6 color hex could be obtained by blending #d03cff with #00004d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 12
- B 65
RGB color chart
- C 37
- M 82
- Y 0
- K 35
CMYK color chart

● #681ea6 color description : Dark violet.

The hexadecimal color #681ea6 has RGB values of R:104, G:30, B:166 and CMYK values of C:0.37, M:0.82, Y:0, K:0.35. Its decimal value is 6823590.

Hex triplet	681ea6	`#681ea6`
RGB Decimal	104, 30, 166	`rgb(104,30,166)`
RGB Percent	40.8, 11.8, 65.1	`rgb(40.8%,11.8%,65.1%)`
CMYK	37, 82, 0, 35
HSL	272.6°, 69.4, 38.4	`hsl(272.6,69.4%,38.4%)`
HSV (or HSB)	272.6°, 81.9, 65.1
Web Safe	663399	`#663399`

CIE-LAB	30.937, 55.662, -58.217
XYZ	13.055, 6.625, 36.665
xyY	0.232, 0.118, 6.625
CIE-LCH	30.937, 80.545, 313.715
CIE-LUV	30.937, 14.856, -80.546
Hunter-Lab	25.739, 45.494, -66.442
Binary	01101000, 00011110, 10100110

#681ea6
```
#681ea6 rgb(104,30,166)
```
#5ca61e
```
#5ca61e rgb(92,166,30)
```

Complementary Color

#241ea6
```
#241ea6 rgb(36,30,166)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#a61ea0
```
#a61ea0 rgb(166,30,160)
```

Analogous Color

#1ea624
```
#1ea624 rgb(30,166,36)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#a0a61e
```
#a0a61e rgb(160,166,30)
```

Split Complementary Color

#1ea668
```
#1ea668 rgb(30,166,104)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#a6681e
```
#a6681e rgb(166,104,30)
```

Triadic Color

#1e5ca6
```
#1e5ca6 rgb(30,92,166)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#a6681e
```
#a6681e rgb(166,104,30)
```
#5ca61e
```
#5ca61e rgb(92,166,30)
```

Tetradic Color

#3f1265
```
#3f1265 rgb(63,18,101)
```
#4d167b
```
#4d167b rgb(77,22,123)
```
#5a1a90
```
#5a1a90 rgb(90,26,144)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#7622bc
```
#7622bc rgb(118,34,188)
```
#8326d1
```
#8326d1 rgb(131,38,209)
```
#9036db
```
#9036db rgb(144,54,219)
```

Monochromatic Color

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

#461ea6
```
#461ea6 rgb(70,30,166)
```
#511ea6
```
#511ea6 rgb(81,30,166)
```
#5d1ea6
```
#5d1ea6 rgb(93,30,166)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#731ea6
```
#731ea6 rgb(115,30,166)
```
#7f1ea6
```
#7f1ea6 rgb(127,30,166)
```
#8a1ea6
```
#8a1ea6 rgb(138,30,166)
```

Similar Colors

Text with hexadecimal color #681ea6

This text has a font color of #681ea6.

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

#681ea6 background color

This paragraph has a background color of #681ea6.

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

#681ea6 border color

This element has a border color of #681ea6.

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

CSS codes

.text {color:#681ea6;}

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

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

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

#0a0310
```
#0a0310 rgb(10,3,16)
```
#150621
```
#150621 rgb(21,6,33)
```
#1f0932
```
#1f0932 rgb(31,9,50)
```
#2a0c42
```
#2a0c42 rgb(42,12,66)
```
#340f53
```
#340f53 rgb(52,15,83)
```
#3e1264
```
#3e1264 rgb(62,18,100)
```
#491574
```
#491574 rgb(73,21,116)
```
#531885
```
#531885 rgb(83,24,133)
```
#5e1b95
```
#5e1b95 rgb(94,27,149)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#7221b7
```
#7221b7 rgb(114,33,183)
```
#7d24c7
```
#7d24c7 rgb(125,36,199)
```
#8727d8
```
#8727d8 rgb(135,39,216)
```

Shade Color Variation

#9038db
```
#9038db rgb(144,56,219)
```
#9a48de
```
#9a48de rgb(154,72,222)
```
#a359e1
```
#a359e1 rgb(163,89,225)
```
#ac69e4
```
#ac69e4 rgb(172,105,228)
```
#b57ae7
```
#b57ae7 rgb(181,122,231)
```
#be8bea
```
#be8bea rgb(190,139,234)
```
#c89bed
```
#c89bed rgb(200,155,237)
```
#d1acf0
```
#d1acf0 rgb(209,172,240)
```
#dabcf3
```
#dabcf3 rgb(218,188,243)
```
#e3cdf6
```
#e3cdf6 rgb(227,205,246)
```
#eddef9
```
#eddef9 rgb(237,222,249)
```
#f6eefc
```
#f6eefc rgb(246,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#626262
```
#626262 rgb(98,98,98)
```
#635a6a
```
#635a6a rgb(99,90,106)
```
#635371
```
#635371 rgb(99,83,113)
```
#644b79
```
#644b79 rgb(100,75,121)
```
#654480
```
#654480 rgb(101,68,128)
```
#653c88
```
#653c88 rgb(101,60,136)
```
#66358f
```
#66358f rgb(102,53,143)
```
#672d97
```
#672d97 rgb(103,45,151)
```
#67269e
```
#67269e rgb(103,38,158)
```
#681ea6
```
#681ea6 rgb(104,30,166)
```
#6916ae
```
#6916ae rgb(105,22,174)
```
#690fb5
```
#690fb5 rgb(105,15,181)
```
#6a07bd
```
#6a07bd rgb(106,7,189)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4b3c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005488 Deuteranopia 1% of men
#5a4f54 Tritanopia 0.001% of the population

Trichromacy

#253d9f Protanomaly 1% of men, 0.01% of women
#254093 Deuteranomaly 6% of men, 0.4% of women
#5f3d72 Tritanomaly 0.01% of the population

#681ea6 hex color

#681ea6 Color Information

#681ea6 Color Conversion

Color Schemes with #681ea6

Alternatives to #681ea6

#681ea6 Preview

Shades and Tints of #681ea6

Tones of #681ea6

Color Blindness Simulator