#681bd7 hex color

In a RGB color space, hex #681bd7 is composed of 40.8% red, 10.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 87.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 264.6 degrees, a saturation of 77.7% and a lightness of 47.5%. #681bd7 color hex could be obtained by blending #d036ff with #0000af. Closest websafe color is: #6633cc.

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

● #681bd7 color description : Strong violet.

The hexadecimal color #681bd7 has RGB values of R:104, G:27, B:215 and CMYK values of C:0.52, M:0.87, Y:0, K:0.16. Its decimal value is 6822871.

Hex triplet	681bd7	`#681bd7`
RGB Decimal	104, 27, 215	`rgb(104,27,215)`
RGB Percent	40.8, 10.6, 84.3	`rgb(40.8%,10.6%,84.3%)`
CMYK	52, 87, 0, 16
HSL	264.6°, 77.7, 47.5	`hsl(264.6,77.7%,47.5%)`
HSV (or HSB)	264.6°, 87.4, 84.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.268, 68.075, -79.996
XYZ	18.364, 8.633, 64.985
xyY	0.2, 0.094, 8.633
CIE-LCH	35.268, 105.041, 310.397
CIE-LUV	35.268, 7.537, -110.811
Hunter-Lab	29.382, 60.149, -110.566
Binary	01101000, 00011011, 11010111

#681bd7
```
#681bd7 rgb(104,27,215)
```
#8ad71b
```
#8ad71b rgb(138,215,27)
```

Complementary Color

#1b2cd7
```
#1b2cd7 rgb(27,44,215)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#c61bd7
```
#c61bd7 rgb(198,27,215)
```

Analogous Color

#2cd71b
```
#2cd71b rgb(44,215,27)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#d7c61b
```
#d7c61b rgb(215,198,27)
```

Split Complementary Color

#1bd768
```
#1bd768 rgb(27,215,104)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#d7681b
```
#d7681b rgb(215,104,27)
```

Triadic Color

#1b8ad7
```
#1b8ad7 rgb(27,138,215)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#d7681b
```
#d7681b rgb(215,104,27)
```
#8ad71b
```
#8ad71b rgb(138,215,27)
```

Tetradic Color

#471293
```
#471293 rgb(71,18,147)
```
#5215aa
```
#5215aa rgb(82,21,170)
```
#5d18c0
```
#5d18c0 rgb(93,24,192)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#7528e4
```
#7528e4 rgb(117,40,228)
```
#833ee7
```
#833ee7 rgb(131,62,231)
```
#9255ea
```
#9255ea rgb(146,85,234)
```

Monochromatic Color

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

#391bd7
```
#391bd7 rgb(57,27,215)
```
#491bd7
```
#491bd7 rgb(73,27,215)
```
#581bd7
```
#581bd7 rgb(88,27,215)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#781bd7
```
#781bd7 rgb(120,27,215)
```
#871bd7
```
#871bd7 rgb(135,27,215)
```
#971bd7
```
#971bd7 rgb(151,27,215)
```

Similar Colors

Text with hexadecimal color #681bd7

This text has a font color of #681bd7.

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

#681bd7 background color

This paragraph has a background color of #681bd7.

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

#681bd7 border color

This element has a border color of #681bd7.

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

CSS codes

.text {color:#681bd7;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0b0317
```
#0b0317 rgb(11,3,23)
```
#140529
```
#140529 rgb(20,5,41)
```
#1c073a
```
#1c073a rgb(28,7,58)
```
#25094c
```
#25094c rgb(37,9,76)
```
#2d0c5d
```
#2d0c5d rgb(45,12,93)
```
#350e6e
```
#350e6e rgb(53,14,110)
```
#3e1080
```
#3e1080 rgb(62,16,128)
```
#461291
```
#461291 rgb(70,18,145)
```
#4f14a3
```
#4f14a3 rgb(79,20,163)
```
#5717b4
```
#5717b4 rgb(87,23,180)
```
#6019c6
```
#6019c6 rgb(96,25,198)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```

Shade Color Variation

#7122e3
```
#7122e3 rgb(113,34,227)
```
#7d34e5
```
#7d34e5 rgb(125,52,229)
```
#8845e8
```
#8845e8 rgb(136,69,232)
```
#9357ea
```
#9357ea rgb(147,87,234)
```
#9e68ec
```
#9e68ec rgb(158,104,236)
```
#a979ee
```
#a979ee rgb(169,121,238)
```
#b48bf0
```
#b48bf0 rgb(180,139,240)
```
#c09cf3
```
#c09cf3 rgb(192,156,243)
```
#cbaef5
```
#cbaef5 rgb(203,174,245)
```
#d6bff7
```
#d6bff7 rgb(214,191,247)
```
#e1d1f9
```
#e1d1f9 rgb(225,209,249)
```
#ece2fb
```
#ece2fb rgb(236,226,251)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#79787a
```
#79787a rgb(121,120,122)
```
#776f83
```
#776f83 rgb(119,111,131)
```
#75658d
```
#75658d rgb(117,101,141)
```
#745c96
```
#745c96 rgb(116,92,150)
```
#72539f
```
#72539f rgb(114,83,159)
```
#704aa8
```
#704aa8 rgb(112,74,168)
```
#6f40b2
```
#6f40b2 rgb(111,64,178)
```
#6d37bb
```
#6d37bb rgb(109,55,187)
```
#6b2ec4
```
#6b2ec4 rgb(107,46,196)
```
#6a24ce
```
#6a24ce rgb(106,36,206)
```
#681bd7
```
#681bd7 rgb(104,27,215)
```
#6612e0
```
#6612e0 rgb(102,18,224)
```
#6508ea
```
#6508ea rgb(101,8,234)
```

Tone Color Variation

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

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#426067 Tritanopia 0.001% of the population

Trichromacy

#2542bc Protanomaly 1% of men, 0.01% of women
#2545ae Deuteranomaly 6% of men, 0.4% of women
#4f4790 Tritanomaly 0.01% of the population

#681bd7 hex color

#681bd7 Color Information

#681bd7 Color Conversion

Color Schemes with #681bd7

Alternatives to #681bd7

#681bd7 Preview

Shades and Tints of #681bd7

Tones of #681bd7

Color Blindness Simulator