#681fdd hex color

In a RGB color space, hex #681fdd is composed of 40.8% red, 12.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 86% magenta, 0% yellow and 13.3% black. It has a hue angle of 263.1 degrees, a saturation of 75.4% and a lightness of 49.4%. #681fdd color hex could be obtained by blending #d03eff with #0000bb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 12
- B 87
RGB color chart
- C 53
- M 86
- Y 0
- K 13
CMYK color chart

● #681fdd color description : Vivid violet.

The hexadecimal color #681fdd has RGB values of R:104, G:31, B:221 and CMYK values of C:0.53, M:0.86, Y:0, K:0.13. Its decimal value is 6823901.

Hex triplet	681fdd	`#681fdd`
RGB Decimal	104, 31, 221	`rgb(104,31,221)`
RGB Percent	40.8, 12.2, 86.7	`rgb(40.8%,12.2%,86.7%)`
CMYK	53, 86, 0, 13
HSL	263.1°, 75.4, 49.4	`hsl(263.1,75.4%,49.4%)`
HSV (or HSB)	263.1°, 86, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.258, 68.367, -81.814
XYZ	19.248, 9.143, 69.153
xyY	0.197, 0.094, 9.143
CIE-LCH	36.258, 106.619, 309.883
CIE-LUV	36.258, 6.485, -114.154
Hunter-Lab	30.238, 60.708, -114.429
Binary	01101000, 00011111, 11011101

#681fdd
```
#681fdd rgb(104,31,221)
```
#94dd1f
```
#94dd1f rgb(148,221,31)
```

Complementary Color

#1f35dd
```
#1f35dd rgb(31,53,221)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#c71fdd
```
#c71fdd rgb(199,31,221)
```

Analogous Color

#35dd1f
```
#35dd1f rgb(53,221,31)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#ddc71f
```
#ddc71f rgb(221,199,31)
```

Split Complementary Color

#1fdd68
```
#1fdd68 rgb(31,221,104)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#dd681f
```
#dd681f rgb(221,104,31)
```

Triadic Color

#1f94dd
```
#1f94dd rgb(31,148,221)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#dd681f
```
#dd681f rgb(221,104,31)
```
#94dd1f
```
#94dd1f rgb(148,221,31)
```

Tetradic Color

#48169a
```
#48169a rgb(72,22,154)
```
#5319b0
```
#5319b0 rgb(83,25,176)
```
#5d1cc7
```
#5d1cc7 rgb(93,28,199)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#7633e2
```
#7633e2 rgb(118,51,226)
```
#8549e6
```
#8549e6 rgb(133,73,230)
```
#9460e9
```
#9460e9 rgb(148,96,233)
```

Monochromatic Color

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

#391fdd
```
#391fdd rgb(57,31,221)
```
#481fdd
```
#481fdd rgb(72,31,221)
```
#581fdd
```
#581fdd rgb(88,31,221)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#781fdd
```
#781fdd rgb(120,31,221)
```
#881fdd
```
#881fdd rgb(136,31,221)
```
#981fdd
```
#981fdd rgb(152,31,221)
```

Similar Colors

Text with hexadecimal color #681fdd

This text has a font color of #681fdd.

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

#681fdd background color

This paragraph has a background color of #681fdd.

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

#681fdd border color

This element has a border color of #681fdd.

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

CSS codes

.text {color:#681fdd;}

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

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

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

#07020f
```
#07020f rgb(7,2,15)
```
#0f0420
```
#0f0420 rgb(15,4,32)
```
#170731
```
#170731 rgb(23,7,49)
```
#1f0942
```
#1f0942 rgb(31,9,66)
```
#270c53
```
#270c53 rgb(39,12,83)
```
#2f0e65
```
#2f0e65 rgb(47,14,101)
```
#371176
```
#371176 rgb(55,17,118)
```
#401387
```
#401387 rgb(64,19,135)
```
#481598
```
#481598 rgb(72,21,152)
```
#5018a9
```
#5018a9 rgb(80,24,169)
```
#581abb
```
#581abb rgb(88,26,187)
```
#601dcc
```
#601dcc rgb(96,29,204)
```
#681fdd
```
#681fdd rgb(104,31,221)
```

Shade Color Variation

#732ee2
```
#732ee2 rgb(115,46,226)
```
#7f3fe4
```
#7f3fe4 rgb(127,63,228)
```
#8a50e7
```
#8a50e7 rgb(138,80,231)
```
#9662e9
```
#9662e9 rgb(150,98,233)
```
#a173eb
```
#a173eb rgb(161,115,235)
```
#ad84ee
```
#ad84ee rgb(173,132,238)
```
#b895f0
```
#b895f0 rgb(184,149,240)
```
#c4a6f3
```
#c4a6f3 rgb(196,166,243)
```
#cfb8f5
```
#cfb8f5 rgb(207,184,245)
```
#dbc9f7
```
#dbc9f7 rgb(219,201,247)
```
#e6dafa
```
#e6dafa rgb(230,218,250)
```
#f2ebfc
```
#f2ebfc rgb(242,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7686 is the less saturated color, while #6102fa is the most saturated one.

#7c7686
```
#7c7686 rgb(124,118,134)
```
#7a6d8f
```
#7a6d8f rgb(122,109,143)
```
#786399
```
#786399 rgb(120,99,153)
```
#7559a3
```
#7559a3 rgb(117,89,163)
```
#734fad
```
#734fad rgb(115,79,173)
```
#7146b6
```
#7146b6 rgb(113,70,182)
```
#6f3cc0
```
#6f3cc0 rgb(111,60,192)
```
#6c32ca
```
#6c32ca rgb(108,50,202)
```
#6a29d3
```
#6a29d3 rgb(106,41,211)
```
#681fdd
```
#681fdd rgb(104,31,221)
```
#6615e7
```
#6615e7 rgb(102,21,231)
```
#640cf0
```
#640cf0 rgb(100,12,240)
```
#6102fa
```
#6102fa rgb(97,2,250)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#504167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#3d636b Tritanopia 0.001% of the population

Trichromacy

#2545c1 Protanomaly 1% of men, 0.01% of women
#2548b2 Deuteranomaly 6% of men, 0.4% of women
#4d4a94 Tritanomaly 0.01% of the population

#681fdd hex color

#681fdd Color Information

#681fdd Color Conversion

Color Schemes with #681fdd

Alternatives to #681fdd

#681fdd Preview

Shades and Tints of #681fdd

Tones of #681fdd

Color Blindness Simulator