#681ed4 hex color

In a RGB color space, hex #681ed4 is composed of 40.8% red, 11.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 85.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 264.4 degrees, a saturation of 75.2% and a lightness of 47.5%. #681ed4 color hex could be obtained by blending #d03cff with #0000a9. Closest websafe color is: #6633cc.

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

● #681ed4 color description : Strong violet.

The hexadecimal color #681ed4 has RGB values of R:104, G:30, B:212 and CMYK values of C:0.51, M:0.86, Y:0, K:0.17. Its decimal value is 6823636.

Hex triplet	681ed4	`#681ed4`
RGB Decimal	104, 30, 212	`rgb(104,30,212)`
RGB Percent	40.8, 11.8, 83.1	`rgb(40.8%,11.8%,83.1%)`
CMYK	51, 86, 0, 17
HSL	264.4°, 75.2, 47.5	`hsl(264.4,75.2%,47.5%)`
HSV (or HSB)	264.4°, 85.8, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.252, 66.51, -78.289
XYZ	18.055, 8.625, 62.997
xyY	0.201, 0.096, 8.625
CIE-LCH	35.252, 102.727, 310.349
CIE-LUV	35.252, 7.713, -108.886
Hunter-Lab	29.368, 58.343, -106.625
Binary	01101000, 00011110, 11010100

#681ed4
```
#681ed4 rgb(104,30,212)
```
#8ad41e
```
#8ad41e rgb(138,212,30)
```

Complementary Color

#1e2fd4
```
#1e2fd4 rgb(30,47,212)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#c31ed4
```
#c31ed4 rgb(195,30,212)
```

Analogous Color

#2fd41e
```
#2fd41e rgb(47,212,30)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#d4c31e
```
#d4c31e rgb(212,195,30)
```

Split Complementary Color

#1ed468
```
#1ed468 rgb(30,212,104)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#d4681e
```
#d4681e rgb(212,104,30)
```

Triadic Color

#1e8ad4
```
#1e8ad4 rgb(30,138,212)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#d4681e
```
#d4681e rgb(212,104,30)
```
#8ad41e
```
#8ad41e rgb(138,212,30)
```

Tetradic Color

#471591
```
#471591 rgb(71,21,145)
```
#5218a7
```
#5218a7 rgb(82,24,167)
```
#5d1bbe
```
#5d1bbe rgb(93,27,190)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#752be1
```
#752be1 rgb(117,43,225)
```
#8341e4
```
#8341e4 rgb(131,65,228)
```
#9257e7
```
#9257e7 rgb(146,87,231)
```

Monochromatic Color

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

#3b1ed4
```
#3b1ed4 rgb(59,30,212)
```
#4a1ed4
```
#4a1ed4 rgb(74,30,212)
```
#591ed4
```
#591ed4 rgb(89,30,212)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#771ed4
```
#771ed4 rgb(119,30,212)
```
#861ed4
```
#861ed4 rgb(134,30,212)
```
#961ed4
```
#961ed4 rgb(150,30,212)
```

Similar Colors

Text with hexadecimal color #681ed4

This text has a font color of #681ed4.

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

#681ed4 background color

This paragraph has a background color of #681ed4.

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

#681ed4 border color

This element has a border color of #681ed4.

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

CSS codes

.text {color:#681ed4;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0b0317
```
#0b0317 rgb(11,3,23)
```
#140628
```
#140628 rgb(20,6,40)
```
#1c0839
```
#1c0839 rgb(28,8,57)
```
#250b4b
```
#250b4b rgb(37,11,75)
```
#2d0d5c
```
#2d0d5c rgb(45,13,92)
```
#350f6d
```
#350f6d rgb(53,15,109)
```
#3e127e
```
#3e127e rgb(62,18,126)
```
#46148f
```
#46148f rgb(70,20,143)
```
#4f17a0
```
#4f17a0 rgb(79,23,160)
```
#5719b2
```
#5719b2 rgb(87,25,178)
```
#601cc3
```
#601cc3 rgb(96,28,195)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```

Shade Color Variation

#7125e0
```
#7125e0 rgb(113,37,224)
```
#7d37e3
```
#7d37e3 rgb(125,55,227)
```
#8848e5
```
#8848e5 rgb(136,72,229)
```
#9359e8
```
#9359e8 rgb(147,89,232)
```
#9e6aea
```
#9e6aea rgb(158,106,234)
```
#a97bec
```
#a97bec rgb(169,123,236)
```
#b48def
```
#b48def rgb(180,141,239)
```
#c09ef1
```
#c09ef1 rgb(192,158,241)
```
#cbaff4
```
#cbaff4 rgb(203,175,244)
```
#d6c0f6
```
#d6c0f6 rgb(214,192,246)
```
#e1d1f9
```
#e1d1f9 rgb(225,209,249)
```
#ece2fb
```
#ece2fb rgb(236,226,251)
```
#f8f4fd
```
#f8f4fd rgb(248,244,253)
```

Tint Color Variation

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

#787280
```
#787280 rgb(120,114,128)
```
#76688a
```
#76688a rgb(118,104,138)
```
#745f93
```
#745f93 rgb(116,95,147)
```
#72569c
```
#72569c rgb(114,86,156)
```
#714da5
```
#714da5 rgb(113,77,165)
```
#6f43af
```
#6f43af rgb(111,67,175)
```
#6d3ab8
```
#6d3ab8 rgb(109,58,184)
```
#6b31c1
```
#6b31c1 rgb(107,49,193)
```
#6a27cb
```
#6a27cb rgb(106,39,203)
```
#681ed4
```
#681ed4 rgb(104,30,212)
```
#6615dd
```
#6615dd rgb(102,21,221)
```
#650be7
```
#650be7 rgb(101,11,231)
```
#6302f0
```
#6302f0 rgb(99,2,240)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4f4065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#446067 Tritanopia 0.001% of the population

Trichromacy

#2543bb Protanomaly 1% of men, 0.01% of women
#2546ad Deuteranomaly 6% of men, 0.4% of women
#51488e Tritanomaly 0.01% of the population

#681ed4 hex color

#681ed4 Color Information

#681ed4 Color Conversion

Color Schemes with #681ed4

Alternatives to #681ed4

#681ed4 Preview

Shades and Tints of #681ed4

Tones of #681ed4

Color Blindness Simulator