#681ef4 hex color

In a RGB color space, hex #681ef4 is composed of 40.8% red, 11.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 87.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 260.7 degrees, a saturation of 90.7% and a lightness of 53.7%. #681ef4 color hex could be obtained by blending #d03cff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 12
- B 96
RGB color chart
- C 57
- M 88
- Y 0
- K 4
CMYK color chart

● #681ef4 color description : Vivid violet.

The hexadecimal color #681ef4 has RGB values of R:104, G:30, B:244 and CMYK values of C:0.57, M:0.88, Y:0, K:0.04. Its decimal value is 6823668.

Hex triplet	681ef4	`#681ef4`
RGB Decimal	104, 30, 244	`rgb(104,30,244)`
RGB Percent	40.8, 11.8, 95.7	`rgb(40.8%,11.8%,95.7%)`
CMYK	57, 88, 0, 4
HSL	260.7°, 90.7, 53.7	`hsl(260.7,90.7%,53.7%)`
HSV (or HSB)	260.7°, 87.7, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.556, 74.147, -91.103
XYZ	22.499, 10.403, 86.405
xyY	0.189, 0.087, 10.403
CIE-LCH	38.556, 117.463, 309.142
CIE-LUV	38.556, 3.884, -127.543
Hunter-Lab	32.253, 68.076, -136.259
Binary	01101000, 00011110, 11110100

#681ef4
```
#681ef4 rgb(104,30,244)
```
#aaf41e
```
#aaf41e rgb(170,244,30)
```

Complementary Color

#1e3ff4
```
#1e3ff4 rgb(30,63,244)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#d31ef4
```
#d31ef4 rgb(211,30,244)
```

Analogous Color

#3ff41e
```
#3ff41e rgb(63,244,30)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#f4d31e
```
#f4d31e rgb(244,211,30)
```

Split Complementary Color

#1ef468
```
#1ef468 rgb(30,244,104)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#f4681e
```
#f4681e rgb(244,104,30)
```

Triadic Color

#1eaaf4
```
#1eaaf4 rgb(30,170,244)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#f4681e
```
#f4681e rgb(244,104,30)
```
#aaf41e
```
#aaf41e rgb(170,244,30)
```

Tetradic Color

#4709bc
```
#4709bc rgb(71,9,188)
```
#500ad5
```
#500ad5 rgb(80,10,213)
```
#5a0ced
```
#5a0ced rgb(90,12,237)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#7836f5
```
#7836f5 rgb(120,54,245)
```
#894ff6
```
#894ff6 rgb(137,79,246)
```
#9967f8
```
#9967f8 rgb(153,103,248)
```

Monochromatic Color

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

#331ef4
```
#331ef4 rgb(51,30,244)
```
#441ef4
```
#441ef4 rgb(68,30,244)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#7a1ef4
```
#7a1ef4 rgb(122,30,244)
```
#8c1ef4
```
#8c1ef4 rgb(140,30,244)
```
#9e1ef4
```
#9e1ef4 rgb(158,30,244)
```

Similar Colors

Text with hexadecimal color #681ef4

This text has a font color of #681ef4.

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

#681ef4 background color

This paragraph has a background color of #681ef4.

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

#681ef4 border color

This element has a border color of #681ef4.

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

CSS codes

.text {color:#681ef4;}

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

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

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

#070112
```
#070112 rgb(7,1,18)
```
#0e0225
```
#0e0225 rgb(14,2,37)
```
#150338
```
#150338 rgb(21,3,56)
```
#1c044a
```
#1c044a rgb(28,4,74)
```
#23055d
```
#23055d rgb(35,5,93)
```
#2a0570
```
#2a0570 rgb(42,5,112)
```
#310682
```
#310682 rgb(49,6,130)
```
#380795
```
#380795 rgb(56,7,149)
```
#3f08a8
```
#3f08a8 rgb(63,8,168)
```
#4609ba
```
#4609ba rgb(70,9,186)
```
#4d0acd
```
#4d0acd rgb(77,10,205)
```
#550be0
```
#550be0 rgb(85,11,224)
```
#5c0cf3
```
#5c0cf3 rgb(92,12,243)
```

Shade Color Variation

#681ef4
```
#681ef4 rgb(104,30,244)
```
#7531f5
```
#7531f5 rgb(117,49,245)
```
#8143f6
```
#8143f6 rgb(129,67,246)
```
#8e56f7
```
#8e56f7 rgb(142,86,247)
```
#9a69f8
```
#9a69f8 rgb(154,105,248)
```
#a77cf9
```
#a77cf9 rgb(167,124,249)
```
#b38ef9
```
#b38ef9 rgb(179,142,249)
```
#c0a1fa
```
#c0a1fa rgb(192,161,250)
```
#ccb4fb
```
#ccb4fb rgb(204,180,251)
```
#d9c6fc
```
#d9c6fc rgb(217,198,252)
```
#e6d9fd
```
#e6d9fd rgb(230,217,253)
```
#f2ecfe
```
#f2ecfe rgb(242,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#878290
```
#878290 rgb(135,130,144)
```
#847999
```
#847999 rgb(132,121,153)
```
#8170a2
```
#8170a2 rgb(129,112,162)
```
#7e67ab
```
#7e67ab rgb(126,103,171)
```
#7c5eb4
```
#7c5eb4 rgb(124,94,180)
```
#7954be
```
#7954be rgb(121,84,190)
```
#764bc7
```
#764bc7 rgb(118,75,199)
```
#7342d0
```
#7342d0 rgb(115,66,208)
```
#7039d9
```
#7039d9 rgb(112,57,217)
```
#6e30e2
```
#6e30e2 rgb(110,48,226)
```
#6b27eb
```
#6b27eb rgb(107,39,235)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#6515fd
```
#6515fd rgb(101,21,253)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#52446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#1e6c74 Tritanopia 0.001% of the population

Trichromacy

#2548cf Protanomaly 1% of men, 0.01% of women
#254bc0 Deuteranomaly 6% of men, 0.4% of women
#394fa2 Tritanomaly 0.01% of the population

#681ef4 hex color

#681ef4 Color Information

#681ef4 Color Conversion

Color Schemes with #681ef4

Alternatives to #681ef4

#681ef4 Preview

Shades and Tints of #681ef4

Tones of #681ef4

Color Blindness Simulator