#681eb1 hex color

In a RGB color space, hex #681eb1 is composed of 40.8% red, 11.8% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 83.1% magenta, 0% yellow and 30.6% black. It has a hue angle of 270.2 degrees, a saturation of 71% and a lightness of 40.6%. #681eb1 color hex could be obtained by blending #d03cff with #000063. Closest websafe color is: #663399.

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

● #681eb1 color description : Dark violet.

The hexadecimal color #681eb1 has RGB values of R:104, G:30, B:177 and CMYK values of C:0.41, M:0.83, Y:0, K:0.31. Its decimal value is 6823601.

Hex triplet	681eb1	`#681eb1`
RGB Decimal	104, 30, 177	`rgb(104,30,177)`
RGB Percent	40.8, 11.8, 69.4	`rgb(40.8%,11.8%,69.4%)`
CMYK	41, 83, 0, 31
HSL	270.2°, 71, 40.6	`hsl(270.2,71%,40.6%)`
HSV (or HSB)	270.2°, 83.1, 69.4
Web Safe	663399	`#663399`

CIE-LAB	31.911, 58.219, -63.224
XYZ	14.108, 7.046, 42.209
xyY	0.223, 0.111, 7.046
CIE-LCH	31.911, 85.946, 312.64
CIE-LUV	31.911, 12.926, -87.533
Hunter-Lab	26.544, 48.416, -75.699
Binary	01101000, 00011110, 10110001

#681eb1
```
#681eb1 rgb(104,30,177)
```
#67b11e
```
#67b11e rgb(103,177,30)
```

Complementary Color

#1e1eb1
```
#1e1eb1 rgb(30,30,177)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#b11eb1
```
#b11eb1 rgb(177,30,177)
```

Analogous Color

#1eb11e
```
#1eb11e rgb(30,177,30)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#b1b11e
```
#b1b11e rgb(177,177,30)
```

Split Complementary Color

#1eb168
```
#1eb168 rgb(30,177,104)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#b1681e
```
#b1681e rgb(177,104,30)
```

Triadic Color

#1e67b1
```
#1e67b1 rgb(30,103,177)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#b1681e
```
#b1681e rgb(177,104,30)
```
#67b11e
```
#67b11e rgb(103,177,30)
```

Tetradic Color

#421370
```
#421370 rgb(66,19,112)
```
#4e1785
```
#4e1785 rgb(78,23,133)
```
#5b1a9b
```
#5b1a9b rgb(91,26,155)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#7522c7
```
#7522c7 rgb(117,34,199)
```
#8228da
```
#8228da rgb(130,40,218)
```
#8e3dde
```
#8e3dde rgb(142,61,222)
```

Monochromatic Color

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

#431eb1
```
#431eb1 rgb(67,30,177)
```
#4f1eb1
```
#4f1eb1 rgb(79,30,177)
```
#5c1eb1
```
#5c1eb1 rgb(92,30,177)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#741eb1
```
#741eb1 rgb(116,30,177)
```
#811eb1
```
#811eb1 rgb(129,30,177)
```
#8d1eb1
```
#8d1eb1 rgb(141,30,177)
```

Similar Colors

Text with hexadecimal color #681eb1

This text has a font color of #681eb1.

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

#681eb1 background color

This paragraph has a background color of #681eb1.

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

#681eb1 border color

This element has a border color of #681eb1.

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

CSS codes

.text {color:#681eb1;}

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

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

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

#050209
```
#050209 rgb(5,2,9)
```
#0f041a
```
#0f041a rgb(15,4,26)
```
#19072b
```
#19072b rgb(25,7,43)
```
#230a3c
```
#230a3c rgb(35,10,60)
```
#2d0d4c
```
#2d0d4c rgb(45,13,76)
```
#37105d
```
#37105d rgb(55,16,93)
```
#41136e
```
#41136e rgb(65,19,110)
```
#4a157f
```
#4a157f rgb(74,21,127)
```
#54188f
```
#54188f rgb(84,24,143)
```
#5e1ba0
```
#5e1ba0 rgb(94,27,160)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#7221c2
```
#7221c2 rgb(114,33,194)
```
#7c24d3
```
#7c24d3 rgb(124,36,211)
```

Shade Color Variation

#862edc
```
#862edc rgb(134,46,220)
```
#8f3fde
```
#8f3fde rgb(143,63,222)
```
#9950e1
```
#9950e1 rgb(153,80,225)
```
#a361e4
```
#a361e4 rgb(163,97,228)
```
#ad71e7
```
#ad71e7 rgb(173,113,231)
```
#b682ea
```
#b682ea rgb(182,130,234)
```
#c093ed
```
#c093ed rgb(192,147,237)
```
#caa4f0
```
#caa4f0 rgb(202,164,240)
```
#d4b4f2
```
#d4b4f2 rgb(212,180,242)
```
#ddc5f5
```
#ddc5f5 rgb(221,197,245)
```
#e7d6f8
```
#e7d6f8 rgb(231,214,248)
```
#f1e7fb
```
#f1e7fb rgb(241,231,251)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#686669
```
#686669 rgb(104,102,105)
```
#685e71
```
#685e71 rgb(104,94,113)
```
#685679
```
#685679 rgb(104,86,121)
```
#684e81
```
#684e81 rgb(104,78,129)
```
#684689
```
#684689 rgb(104,70,137)
```
#683e91
```
#683e91 rgb(104,62,145)
```
#683699
```
#683699 rgb(104,54,153)
```
#682ea1
```
#682ea1 rgb(104,46,161)
```
#6826a9
```
#6826a9 rgb(104,38,169)
```
#681eb1
```
#681eb1 rgb(104,30,177)
```
#6816b9
```
#6816b9 rgb(104,22,185)
```
#680ec1
```
#680ec1 rgb(104,14,193)
```
#6806c9
```
#6806c9 rgb(104,6,201)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4c3d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#565359 Tritanopia 0.001% of the population

Trichromacy

#253fa5 Protanomaly 1% of men, 0.01% of women
#254199 Deuteranomaly 6% of men, 0.4% of women
#5d3f79 Tritanomaly 0.01% of the population

#681eb1 hex color

#681eb1 Color Information

#681eb1 Color Conversion

Color Schemes with #681eb1

Alternatives to #681eb1

#681eb1 Preview

Shades and Tints of #681eb1

Tones of #681eb1

Color Blindness Simulator