#681cd5 hex color

In a RGB color space, hex #681cd5 is composed of 40.8% red, 11% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 86.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 264.6 degrees, a saturation of 76.8% and a lightness of 47.3%. #681cd5 color hex could be obtained by blending #d038ff with #0000ab. Closest websafe color is: #6633cc.

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

● #681cd5 color description : Strong violet.

The hexadecimal color #681cd5 has RGB values of R:104, G:28, B:213 and CMYK values of C:0.51, M:0.87, Y:0, K:0.16. Its decimal value is 6823125.

Hex triplet	681cd5	`#681cd5`
RGB Decimal	104, 28, 213	`rgb(104,28,213)`
RGB Percent	40.8, 11, 83.5	`rgb(40.8%,11%,83.5%)`
CMYK	51, 87, 0, 16
HSL	264.6°, 76.8, 47.3	`hsl(264.6,76.8%,47.3%)`
HSV (or HSB)	264.6°, 86.9, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.158, 67.327, -79.023
XYZ	18.132, 8.577, 63.647
xyY	0.201, 0.095, 8.577
CIE-LCH	35.158, 103.815, 310.431
CIE-LUV	35.158, 7.73, -109.584
Hunter-Lab	29.287, 59.26, -108.349
Binary	01101000, 00011100, 11010101

#681cd5
```
#681cd5 rgb(104,28,213)
```
#89d51c
```
#89d51c rgb(137,213,28)
```

Complementary Color

#1c2cd5
```
#1c2cd5 rgb(28,44,213)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#c51cd5
```
#c51cd5 rgb(197,28,213)
```

Analogous Color

#2dd51c
```
#2dd51c rgb(45,213,28)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#d5c51c
```
#d5c51c rgb(213,197,28)
```

Split Complementary Color

#1cd568
```
#1cd568 rgb(28,213,104)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#d5681c
```
#d5681c rgb(213,104,28)
```

Triadic Color

#1c89d5
```
#1c89d5 rgb(28,137,213)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#d5681c
```
#d5681c rgb(213,104,28)
```
#89d51c
```
#89d51c rgb(137,213,28)
```

Tetradic Color

#471391
```
#471391 rgb(71,19,145)
```
#5216a8
```
#5216a8 rgb(82,22,168)
```
#5d19be
```
#5d19be rgb(93,25,190)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#7528e3
```
#7528e3 rgb(117,40,227)
```
#833ee6
```
#833ee6 rgb(131,62,230)
```
#9255e9
```
#9255e9 rgb(146,85,233)
```

Monochromatic Color

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

#3a1cd5
```
#3a1cd5 rgb(58,28,213)
```
#491cd5
```
#491cd5 rgb(73,28,213)
```
#591cd5
```
#591cd5 rgb(89,28,213)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#771cd5
```
#771cd5 rgb(119,28,213)
```
#871cd5
```
#871cd5 rgb(135,28,213)
```
#961cd5
```
#961cd5 rgb(150,28,213)
```

Similar Colors

Text with hexadecimal color #681cd5

This text has a font color of #681cd5.

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

#681cd5 background color

This paragraph has a background color of #681cd5.

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

#681cd5 border color

This element has a border color of #681cd5.

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

CSS codes

.text {color:#681cd5;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#0b0316
```
#0b0316 rgb(11,3,22)
```
#130528
```
#130528 rgb(19,5,40)
```
#1c0739
```
#1c0739 rgb(28,7,57)
```
#240a4a
```
#240a4a rgb(36,10,74)
```
#2d0c5c
```
#2d0c5c rgb(45,12,92)
```
#350e6d
```
#350e6d rgb(53,14,109)
```
#3e117e
```
#3e117e rgb(62,17,126)
```
#461390
```
#461390 rgb(70,19,144)
```
#4f15a1
```
#4f15a1 rgb(79,21,161)
```
#5717b2
```
#5717b2 rgb(87,23,178)
```
#601ac4
```
#601ac4 rgb(96,26,196)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```

Shade Color Variation

#7123e2
```
#7123e2 rgb(113,35,226)
```
#7c34e4
```
#7c34e4 rgb(124,52,228)
```
#8845e7
```
#8845e7 rgb(136,69,231)
```
#9357e9
```
#9357e9 rgb(147,87,233)
```
#9e68eb
```
#9e68eb rgb(158,104,235)
```
#a979ed
```
#a979ed rgb(169,121,237)
```
#b48bf0
```
#b48bf0 rgb(180,139,240)
```
#bf9cf2
```
#bf9cf2 rgb(191,156,242)
```
#caadf4
```
#caadf4 rgb(202,173,244)
```
#d6bff7
```
#d6bff7 rgb(214,191,247)
```
#e1d0f9
```
#e1d0f9 rgb(225,208,249)
```
#ece1fb
```
#ece1fb rgb(236,225,251)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #776f82 is the less saturated color, while #6300f1 is the most saturated one.

#776f82
```
#776f82 rgb(119,111,130)
```
#75668b
```
#75668b rgb(117,102,139)
```
#745d94
```
#745d94 rgb(116,93,148)
```
#72549d
```
#72549d rgb(114,84,157)
```
#704aa7
```
#704aa7 rgb(112,74,167)
```
#6f41b0
```
#6f41b0 rgb(111,65,176)
```
#6d38b9
```
#6d38b9 rgb(109,56,185)
```
#6b2fc2
```
#6b2fc2 rgb(107,47,194)
```
#6a25cc
```
#6a25cc rgb(106,37,204)
```
#681cd5
```
#681cd5 rgb(104,28,213)
```
#6613de
```
#6613de rgb(102,19,222)
```
#6509e8
```
#6509e8 rgb(101,9,232)
```
#6300f1
```
#6300f1 rgb(99,0,241)
```

Tone Color Variation

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

Dichromacy

#0059ac Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#436067 Tritanopia 0.001% of the population

Trichromacy

#2542bb Protanomaly 1% of men, 0.01% of women
#2546ad Deuteranomaly 6% of men, 0.4% of women
#50478f Tritanomaly 0.01% of the population

#681cd5 hex color

#681cd5 Color Information

#681cd5 Color Conversion

Color Schemes with #681cd5

Alternatives to #681cd5

#681cd5 Preview

Shades and Tints of #681cd5

Tones of #681cd5

Color Blindness Simulator