#681ad5 hex color

In a RGB color space, hex #681ad5 is composed of 40.8% red, 10.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 87.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 265 degrees, a saturation of 78.2% and a lightness of 46.9%. #681ad5 color hex could be obtained by blending #d034ff with #0000ab. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 10
- B 84
RGB color chart
- C 51
- M 88
- Y 0
- K 16
CMYK color chart

● #681ad5 color description : Strong violet.

The hexadecimal color #681ad5 has RGB values of R:104, G:26, B:213 and CMYK values of C:0.51, M:0.88, Y:0, K:0.16. Its decimal value is 6822613.

Hex triplet	681ad5	`#681ad5`
RGB Decimal	104, 26, 213	`rgb(104,26,213)`
RGB Percent	40.8, 10.2, 83.5	`rgb(40.8%,10.2%,83.5%)`
CMYK	51, 88, 0, 16
HSL	265°, 78.2, 46.9	`hsl(265,78.2%,46.9%)`
HSV (or HSB)	265°, 87.8, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.975, 67.873, -79.325
XYZ	18.086, 8.486, 63.632
xyY	0.201, 0.094, 8.486
CIE-LCH	34.975, 104.399, 310.551
CIE-LUV	34.975, 7.867, -109.676
Hunter-Lab	29.13, 59.85, -109.122
Binary	01101000, 00011010, 11010101

#681ad5
```
#681ad5 rgb(104,26,213)
```
#87d51a
```
#87d51a rgb(135,213,26)
```

Complementary Color

#1a2ad5
```
#1a2ad5 rgb(26,42,213)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#c61ad5
```
#c61ad5 rgb(198,26,213)
```

Analogous Color

#2ad51a
```
#2ad51a rgb(42,213,26)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#d5c61a
```
#d5c61a rgb(213,198,26)
```

Split Complementary Color

#1ad568
```
#1ad568 rgb(26,213,104)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#d5681a
```
#d5681a rgb(213,104,26)
```

Triadic Color

#1a87d5
```
#1a87d5 rgb(26,135,213)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#d5681a
```
#d5681a rgb(213,104,26)
```
#87d51a
```
#87d51a rgb(135,213,26)
```

Tetradic Color

#471291
```
#471291 rgb(71,18,145)
```
#5214a8
```
#5214a8 rgb(82,20,168)
```
#5d17be
```
#5d17be rgb(93,23,190)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#7424e4
```
#7424e4 rgb(116,36,228)
```
#833be7
```
#833be7 rgb(131,59,231)
```
#9152ea
```
#9152ea rgb(145,82,234)
```

Monochromatic Color

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

#391ad5
```
#391ad5 rgb(57,26,213)
```
#491ad5
```
#491ad5 rgb(73,26,213)
```
#581ad5
```
#581ad5 rgb(88,26,213)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#781ad5
```
#781ad5 rgb(120,26,213)
```
#871ad5
```
#871ad5 rgb(135,26,213)
```
#971ad5
```
#971ad5 rgb(151,26,213)
```

Similar Colors

Text with hexadecimal color #681ad5

This text has a font color of #681ad5.

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

#681ad5 background color

This paragraph has a background color of #681ad5.

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

#681ad5 border color

This element has a border color of #681ad5.

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

CSS codes

.text {color:#681ad5;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0a0315
```
#0a0315 rgb(10,3,21)
```
#130526
```
#130526 rgb(19,5,38)
```
#1b0738
```
#1b0738 rgb(27,7,56)
```
#240949
```
#240949 rgb(36,9,73)
```
#2c0b5b
```
#2c0b5b rgb(44,11,91)
```
#350d6c
```
#350d6c rgb(53,13,108)
```
#3d0f7e
```
#3d0f7e rgb(61,15,126)
```
#46118f
```
#46118f rgb(70,17,143)
```
#4e14a1
```
#4e14a1 rgb(78,20,161)
```
#5716b2
```
#5716b2 rgb(87,22,178)
```
#5f18c4
```
#5f18c4 rgb(95,24,196)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```

Shade Color Variation

#711fe4
```
#711fe4 rgb(113,31,228)
```
#7c30e6
```
#7c30e6 rgb(124,48,230)
```
#8742e8
```
#8742e8 rgb(135,66,232)
```
#9253ea
```
#9253ea rgb(146,83,234)
```
#9d65ec
```
#9d65ec rgb(157,101,236)
```
#a876ee
```
#a876ee rgb(168,118,238)
```
#b388f0
```
#b388f0 rgb(179,136,240)
```
#bf99f3
```
#bf99f3 rgb(191,153,243)
```
#caabf5
```
#caabf5 rgb(202,171,245)
```
#d5bcf7
```
#d5bcf7 rgb(213,188,247)
```
#e0cef9
```
#e0cef9 rgb(224,206,249)
```
#ebdffb
```
#ebdffb rgb(235,223,251)
```
#f6f1fd
```
#f6f1fd rgb(246,241,253)
```

Tint Color Variation

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

#777679
```
#777679 rgb(119,118,121)
```
#766d82
```
#766d82 rgb(118,109,130)
```
#74648b
```
#74648b rgb(116,100,139)
```
#735a95
```
#735a95 rgb(115,90,149)
```
#71519e
```
#71519e rgb(113,81,158)
```
#7048a7
```
#7048a7 rgb(112,72,167)
```
#6e3fb0
```
#6e3fb0 rgb(110,63,176)
```
#6d36b9
```
#6d36b9 rgb(109,54,185)
```
#6b2cc3
```
#6b2cc3 rgb(107,44,195)
```
#6a23cc
```
#6a23cc rgb(106,35,204)
```
#681ad5
```
#681ad5 rgb(104,26,213)
```
#6611de
```
#6611de rgb(102,17,222)
```
#6508e7
```
#6508e7 rgb(101,8,231)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4e3e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#435f66 Tritanopia 0.001% of the population

Trichromacy

#2541bb Protanomaly 1% of men, 0.01% of women
#2545ac Deuteranomaly 6% of men, 0.4% of women
#50468e Tritanomaly 0.01% of the population

#681ad5 hex color

#681ad5 Color Information

#681ad5 Color Conversion

Color Schemes with #681ad5

Alternatives to #681ad5

#681ad5 Preview

Shades and Tints of #681ad5

Tones of #681ad5

Color Blindness Simulator