#681ea0 hex color

In a RGB color space, hex #681ea0 is composed of 40.8% red, 11.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 81.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 274.2 degrees, a saturation of 68.4% and a lightness of 37.3%. #681ea0 color hex could be obtained by blending #d03cff with #000041. Closest websafe color is: #663399.

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

● #681ea0 color description : Dark violet.

The hexadecimal color #681ea0 has RGB values of R:104, G:30, B:160 and CMYK values of C:0.35, M:0.81, Y:0, K:0.37. Its decimal value is 6823584.

Hex triplet	681ea0	`#681ea0`
RGB Decimal	104, 30, 160	`rgb(104,30,160)`
RGB Percent	40.8, 11.8, 62.7	`rgb(40.8%,11.8%,62.7%)`
CMYK	35, 81, 0, 37
HSL	274.2°, 68.4, 37.3	`hsl(274.2,68.4%,37.3%)`
HSV (or HSB)	274.2°, 81.3, 62.7
Web Safe	663399	`#663399`

CIE-LAB	30.424, 54.284, -55.423
XYZ	12.517, 6.41, 33.834
xyY	0.237, 0.121, 6.41
CIE-LCH	30.424, 77.579, 314.405
CIE-LUV	30.424, 15.978, -76.668
Hunter-Lab	25.318, 43.946, -61.51
Binary	01101000, 00011110, 10100000

#681ea0
```
#681ea0 rgb(104,30,160)
```
#56a01e
```
#56a01e rgb(86,160,30)
```

Complementary Color

#271ea0
```
#271ea0 rgb(39,30,160)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#a01e97
```
#a01e97 rgb(160,30,151)
```

Analogous Color

#1ea027
```
#1ea027 rgb(30,160,39)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#97a01e
```
#97a01e rgb(151,160,30)
```

Split Complementary Color

#1ea068
```
#1ea068 rgb(30,160,104)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#a0681e
```
#a0681e rgb(160,104,30)
```

Triadic Color

#1e56a0
```
#1e56a0 rgb(30,86,160)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#a0681e
```
#a0681e rgb(160,104,30)
```
#56a01e
```
#56a01e rgb(86,160,30)
```

Tetradic Color

#3e1260
```
#3e1260 rgb(62,18,96)
```
#4c1675
```
#4c1675 rgb(76,22,117)
```
#5a1a8b
```
#5a1a8b rgb(90,26,139)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#7622b5
```
#7622b5 rgb(118,34,181)
```
#8426cb
```
#8426cb rgb(132,38,203)
```
#9132d9
```
#9132d9 rgb(145,50,217)
```

Monochromatic Color

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

#481ea0
```
#481ea0 rgb(72,30,160)
```
#521ea0
```
#521ea0 rgb(82,30,160)
```
#5d1ea0
```
#5d1ea0 rgb(93,30,160)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#731ea0
```
#731ea0 rgb(115,30,160)
```
#7e1ea0
```
#7e1ea0 rgb(126,30,160)
```
#891ea0
```
#891ea0 rgb(137,30,160)
```

Similar Colors

Text with hexadecimal color #681ea0

This text has a font color of #681ea0.

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

#681ea0 background color

This paragraph has a background color of #681ea0.

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

#681ea0 border color

This element has a border color of #681ea0.

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

CSS codes

.text {color:#681ea0;}

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

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

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, #07020b is the darkest color, while #fcfafe is the lightest one.

#07020b
```
#07020b rgb(7,2,11)
```
#12051c
```
#12051c rgb(18,5,28)
```
#1d082c
```
#1d082c rgb(29,8,44)
```
#280b3d
```
#280b3d rgb(40,11,61)
```
#320f4d
```
#320f4d rgb(50,15,77)
```
#3d125e
```
#3d125e rgb(61,18,94)
```
#48156e
```
#48156e rgb(72,21,110)
```
#53187f
```
#53187f rgb(83,24,127)
```
#5d1b8f
```
#5d1b8f rgb(93,27,143)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#7321b1
```
#7321b1 rgb(115,33,177)
```
#7d24c1
```
#7d24c1 rgb(125,36,193)
```
#8827d2
```
#8827d2 rgb(136,39,210)
```

Shade Color Variation

#9234d9
```
#9234d9 rgb(146,52,217)
```
#9b44dc
```
#9b44dc rgb(155,68,220)
```
#a355df
```
#a355df rgb(163,85,223)
```
#ac65e2
```
#ac65e2 rgb(172,101,226)
```
#b576e5
```
#b576e5 rgb(181,118,229)
```
#be86e8
```
#be86e8 rgb(190,134,232)
```
#c797eb
```
#c797eb rgb(199,151,235)
```
#d0a7ef
```
#d0a7ef rgb(208,167,239)
```
#d9b8f2
```
#d9b8f2 rgb(217,184,242)
```
#e2c8f5
```
#e2c8f5 rgb(226,200,245)
```
#ead9f8
```
#ead9f8 rgb(234,217,248)
```
#f3e9fb
```
#f3e9fb rgb(243,233,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#605866
```
#605866 rgb(96,88,102)
```
#61516d
```
#61516d rgb(97,81,109)
```
#624a74
```
#624a74 rgb(98,74,116)
```
#63437b
```
#63437b rgb(99,67,123)
```
#643b83
```
#643b83 rgb(100,59,131)
```
#65348a
```
#65348a rgb(101,52,138)
```
#662d91
```
#662d91 rgb(102,45,145)
```
#672599
```
#672599 rgb(103,37,153)
```
#681ea0
```
#681ea0 rgb(104,30,160)
```
#6917a7
```
#6917a7 rgb(105,23,167)
```
#6a0faf
```
#6a0faf rgb(106,15,175)
```
#6b08b6
```
#6b08b6 rgb(107,8,182)
```
#6c01bd
```
#6c01bd rgb(108,1,189)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#4a3c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005287 Deuteranopia 1% of men
#5c4d52 Tritanopia 0.001% of the population

Trichromacy

#253d9b Protanomaly 1% of men, 0.01% of women
#253f90 Deuteranomaly 6% of men, 0.4% of women
#603b6e Tritanomaly 0.01% of the population

#681ea0 hex color

#681ea0 Color Information

#681ea0 Color Conversion

Color Schemes with #681ea0

Alternatives to #681ea0

#681ea0 Preview

Shades and Tints of #681ea0

Tones of #681ea0

Color Blindness Simulator