#681dde hex color

In a RGB color space, hex #681dde is composed of 40.8% red, 11.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 86.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 263.3 degrees, a saturation of 76.9% and a lightness of 49.2%. #681dde color hex could be obtained by blending #d03aff with #0000bd. Closest websafe color is: #6633cc.

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

● #681dde color description : Vivid violet.

The hexadecimal color #681dde has RGB values of R:104, G:29, B:222 and CMYK values of C:0.53, M:0.87, Y:0, K:0.13. Its decimal value is 6823390.

Hex triplet	681dde	`#681dde`
RGB Decimal	104, 29, 222	`rgb(104,29,222)`
RGB Percent	40.8, 11.4, 87.1	`rgb(40.8%,11.4%,87.1%)`
CMYK	53, 87, 0, 13
HSL	263.3°, 76.9, 49.2	`hsl(263.3,76.9%,49.2%)`
HSV (or HSB)	263.3°, 86.9, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.167, 69.181, -82.539
XYZ	19.331, 9.095, 69.84
xyY	0.197, 0.093, 9.095
CIE-LCH	36.167, 107.697, 309.969
CIE-LUV	36.167, 6.507, -114.835
Hunter-Lab	30.159, 61.636, -116.191
Binary	01101000, 00011101, 11011110

#681dde
```
#681dde rgb(104,29,222)
```
#93de1d
```
#93de1d rgb(147,222,29)
```

Complementary Color

#1d32de
```
#1d32de rgb(29,50,222)
```
#681dde
```
#681dde rgb(104,29,222)
```
#c91dde
```
#c91dde rgb(201,29,222)
```

Analogous Color

#33de1d
```
#33de1d rgb(51,222,29)
```
#681dde
```
#681dde rgb(104,29,222)
```
#dec91d
```
#dec91d rgb(222,201,29)
```

Split Complementary Color

#1dde68
```
#1dde68 rgb(29,222,104)
```
#681dde
```
#681dde rgb(104,29,222)
```
#de681d
```
#de681d rgb(222,104,29)
```

Triadic Color

#1d93de
```
#1d93de rgb(29,147,222)
```
#681dde
```
#681dde rgb(104,29,222)
```
#de681d
```
#de681d rgb(222,104,29)
```
#93de1d
```
#93de1d rgb(147,222,29)
```

Tetradic Color

#48149a
```
#48149a rgb(72,20,154)
```
#5317b1
```
#5317b1 rgb(83,23,177)
```
#5d1ac7
```
#5d1ac7 rgb(93,26,199)
```
#681dde
```
#681dde rgb(104,29,222)
```
#7630e4
```
#7630e4 rgb(118,48,228)
```
#8547e7
```
#8547e7 rgb(133,71,231)
```
#945eea
```
#945eea rgb(148,94,234)
```

Monochromatic Color

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

#381dde
```
#381dde rgb(56,29,222)
```
#481dde
```
#481dde rgb(72,29,222)
```
#581dde
```
#581dde rgb(88,29,222)
```
#681dde
```
#681dde rgb(104,29,222)
```
#781dde
```
#781dde rgb(120,29,222)
```
#881dde
```
#881dde rgb(136,29,222)
```
#981dde
```
#981dde rgb(152,29,222)
```

Similar Colors

Text with hexadecimal color #681dde

This text has a font color of #681dde.

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

#681dde background color

This paragraph has a background color of #681dde.

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

#681dde border color

This element has a border color of #681dde.

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

CSS codes

.text {color:#681dde;}

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

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

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, #06020e is the darkest color, while #fdfbff is the lightest one.

#06020e
```
#06020e rgb(6,2,14)
```
#0f041f
```
#0f041f rgb(15,4,31)
```
#170631
```
#170631 rgb(23,6,49)
```
#1f0942
```
#1f0942 rgb(31,9,66)
```
#270b53
```
#270b53 rgb(39,11,83)
```
#2f0d65
```
#2f0d65 rgb(47,13,101)
```
#370f76
```
#370f76 rgb(55,15,118)
```
#3f1287
```
#3f1287 rgb(63,18,135)
```
#471499
```
#471499 rgb(71,20,153)
```
#5016aa
```
#5016aa rgb(80,22,170)
```
#5818bb
```
#5818bb rgb(88,24,187)
```
#601bcd
```
#601bcd rgb(96,27,205)
```
#681dde
```
#681dde rgb(104,29,222)
```

Shade Color Variation

#732be3
```
#732be3 rgb(115,43,227)
```
#7e3de6
```
#7e3de6 rgb(126,61,230)
```
#8a4ee8
```
#8a4ee8 rgb(138,78,232)
```
#955fea
```
#955fea rgb(149,95,234)
```
#a171ec
```
#a171ec rgb(161,113,236)
```
#ac82ef
```
#ac82ef rgb(172,130,239)
```
#b893f1
```
#b893f1 rgb(184,147,241)
```
#c3a5f3
```
#c3a5f3 rgb(195,165,243)
```
#cfb6f5
```
#cfb6f5 rgb(207,182,245)
```
#dac7f8
```
#dac7f8 rgb(218,199,248)
```
#e6d9fa
```
#e6d9fa rgb(230,217,250)
```
#f1eafc
```
#f1eafc rgb(241,234,252)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#7b7487
```
#7b7487 rgb(123,116,135)
```
#796a91
```
#796a91 rgb(121,106,145)
```
#77619a
```
#77619a rgb(119,97,154)
```
#7557a4
```
#7557a4 rgb(117,87,164)
```
#734dae
```
#734dae rgb(115,77,174)
```
#7144b7
```
#7144b7 rgb(113,68,183)
```
#6e3ac1
```
#6e3ac1 rgb(110,58,193)
```
#6c30cb
```
#6c30cb rgb(108,48,203)
```
#6a27d4
```
#6a27d4 rgb(106,39,212)
```
#681dde
```
#681dde rgb(104,29,222)
```
#6613e8
```
#6613e8 rgb(102,19,232)
```
#640af1
```
#640af1 rgb(100,10,241)
```
#6200fb
```
#6200fb rgb(98,0,251)
```

Tone Color Variation

Below, you can see how #681dde 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
#4f4067 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#2544c1 Protanomaly 1% of men, 0.01% of women
#2547b2 Deuteranomaly 6% of men, 0.4% of women
#4c4a94 Tritanomaly 0.01% of the population

#681dde hex color

#681dde Color Information

#681dde Color Conversion

Color Schemes with #681dde

Alternatives to #681dde

#681dde Preview

Shades and Tints of #681dde

Tones of #681dde

Color Blindness Simulator