#681bdd hex color

In a RGB color space, hex #681bdd is composed of 40.8% red, 10.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 87.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 263.8 degrees, a saturation of 78.2% and a lightness of 48.6%. #681bdd color hex could be obtained by blending #d036ff with #0000bb. Closest websafe color is: #6633cc.

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

● #681bdd color description : Vivid violet.

The hexadecimal color #681bdd has RGB values of R:104, G:27, B:221 and CMYK values of C:0.53, M:0.88, Y:0, K:0.13. Its decimal value is 6822877.

Hex triplet	681bdd	`#681bdd`
RGB Decimal	104, 27, 221	`rgb(104,27,221)`
RGB Percent	40.8, 10.6, 86.7	`rgb(40.8%,10.6%,86.7%)`
CMYK	53, 88, 0, 13
HSL	263.8°, 78.2, 48.6	`hsl(263.8,78.2%,48.6%)`
HSV (or HSB)	263.8°, 87.8, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.882, 69.489, -82.436
XYZ	19.15, 8.947, 69.121
xyY	0.197, 0.092, 8.947
CIE-LCH	35.882, 107.817, 310.129
CIE-LUV	35.882, 6.769, -114.334
Hunter-Lab	29.912, 61.932, -116.071
Binary	01101000, 00011011, 11011101

#681bdd
```
#681bdd rgb(104,27,221)
```
#90dd1b
```
#90dd1b rgb(144,221,27)
```

Complementary Color

#1b2fdd
```
#1b2fdd rgb(27,47,221)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#c91bdd
```
#c91bdd rgb(201,27,221)
```

Analogous Color

#2fdd1b
```
#2fdd1b rgb(47,221,27)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#ddc91b
```
#ddc91b rgb(221,201,27)
```

Split Complementary Color

#1bdd68
```
#1bdd68 rgb(27,221,104)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#dd681b
```
#dd681b rgb(221,104,27)
```

Triadic Color

#1b90dd
```
#1b90dd rgb(27,144,221)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#dd681b
```
#dd681b rgb(221,104,27)
```
#90dd1b
```
#90dd1b rgb(144,221,27)
```

Tetradic Color

#481399
```
#481399 rgb(72,19,153)
```
#5315b0
```
#5315b0 rgb(83,21,176)
```
#5d18c6
```
#5d18c6 rgb(93,24,198)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#762ce5
```
#762ce5 rgb(118,44,229)
```
#8443e8
```
#8443e8 rgb(132,67,232)
```
#935aeb
```
#935aeb rgb(147,90,235)
```

Monochromatic Color

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

#381bdd
```
#381bdd rgb(56,27,221)
```
#481bdd
```
#481bdd rgb(72,27,221)
```
#581bdd
```
#581bdd rgb(88,27,221)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#781bdd
```
#781bdd rgb(120,27,221)
```
#881bdd
```
#881bdd rgb(136,27,221)
```
#991bdd
```
#991bdd rgb(153,27,221)
```

Similar Colors

Text with hexadecimal color #681bdd

This text has a font color of #681bdd.

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

#681bdd background color

This paragraph has a background color of #681bdd.

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

#681bdd border color

This element has a border color of #681bdd.

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

CSS codes

.text {color:#681bdd;}

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

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

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, #05010b is the darkest color, while #fbf9fe is the lightest one.

#05010b
```
#05010b rgb(5,1,11)
```
#0e041d
```
#0e041d rgb(14,4,29)
```
#16062e
```
#16062e rgb(22,6,46)
```
#1e0840
```
#1e0840 rgb(30,8,64)
```
#260a51
```
#260a51 rgb(38,10,81)
```
#2e0c63
```
#2e0c63 rgb(46,12,99)
```
#370e74
```
#370e74 rgb(55,14,116)
```
#3f1086
```
#3f1086 rgb(63,16,134)
```
#471297
```
#471297 rgb(71,18,151)
```
#4f15a9
```
#4f15a9 rgb(79,21,169)
```
#5817ba
```
#5817ba rgb(88,23,186)
```
#6019cc
```
#6019cc rgb(96,25,204)
```
#681bdd
```
#681bdd rgb(104,27,221)
```

Shade Color Variation

#7227e5
```
#7227e5 rgb(114,39,229)
```
#7e38e7
```
#7e38e7 rgb(126,56,231)
```
#894ae9
```
#894ae9 rgb(137,74,233)
```
#945beb
```
#945beb rgb(148,91,235)
```
#a06ded
```
#a06ded rgb(160,109,237)
```
#ab7eef
```
#ab7eef rgb(171,126,239)
```
#b790f1
```
#b790f1 rgb(183,144,241)
```
#c2a1f4
```
#c2a1f4 rgb(194,161,244)
```
#cdb3f6
```
#cdb3f6 rgb(205,179,246)
```
#d9c4f8
```
#d9c4f8 rgb(217,196,248)
```
#e4d6fa
```
#e4d6fa rgb(228,214,250)
```
#f0e7fc
```
#f0e7fc rgb(240,231,252)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

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

#7c7a7e
```
#7c7a7e rgb(124,122,126)
```
#7a7187
```
#7a7187 rgb(122,113,135)
```
#786791
```
#786791 rgb(120,103,145)
```
#765e9a
```
#765e9a rgb(118,94,154)
```
#7454a4
```
#7454a4 rgb(116,84,164)
```
#724bad
```
#724bad rgb(114,75,173)
```
#7041b7
```
#7041b7 rgb(112,65,183)
```
#6e38c0
```
#6e38c0 rgb(110,56,192)
```
#6c2eca
```
#6c2eca rgb(108,46,202)
```
#6a25d3
```
#6a25d3 rgb(106,37,211)
```
#681bdd
```
#681bdd rgb(104,27,221)
```
#6611e7
```
#6611e7 rgb(102,17,231)
```
#6408f0
```
#6408f0 rgb(100,8,240)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4e3f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#3d626a Tritanopia 0.001% of the population

Trichromacy

#2543c0 Protanomaly 1% of men, 0.01% of women
#2546b1 Deuteranomaly 6% of men, 0.4% of women
#4c4893 Tritanomaly 0.01% of the population

#681bdd hex color

#681bdd Color Information

#681bdd Color Conversion

Color Schemes with #681bdd

Alternatives to #681bdd

#681bdd Preview

Shades and Tints of #681bdd

Tones of #681bdd

Color Blindness Simulator