#681f88 hex color

In a RGB color space, hex #681f88 is composed of 40.8% red, 12.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 77.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 281.7 degrees, a saturation of 62.9% and a lightness of 32.7%. #681f88 color hex could be obtained by blending #d03eff with #000011. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 12
- B 53
RGB color chart
- C 24
- M 77
- Y 0
- K 47
CMYK color chart

● #681f88 color description : Dark violet.

The hexadecimal color #681f88 has RGB values of R:104, G:31, B:136 and CMYK values of C:0.24, M:0.77, Y:0, K:0.47. Its decimal value is 6823816.

Hex triplet	681f88	`#681f88`
RGB Decimal	104, 31, 136	`rgb(104,31,136)`
RGB Percent	40.8, 12.2, 53.3	`rgb(40.8%,12.2%,53.3%)`
CMYK	24, 77, 0, 47
HSL	281.7°, 62.9, 32.7	`hsl(281.7,62.9%,32.7%)`
HSV (or HSB)	281.7°, 77.2, 53.3
Web Safe	663399	`#663399`

CIE-LAB	28.645, 48.556, -43.554
XYZ	10.642, 5.701, 23.831
xyY	0.265, 0.142, 5.701
CIE-LCH	28.645, 65.228, 318.108
CIE-LUV	28.645, 20.882, -60.434
Hunter-Lab	23.877, 37.776, -42.463
Binary	01101000, 00011111, 10001000

#681f88
```
#681f88 rgb(104,31,136)
```
#3f881f
```
#3f881f rgb(63,136,31)
```

Complementary Color

#331f88
```
#331f88 rgb(51,31,136)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#881f74
```
#881f74 rgb(136,31,116)
```

Analogous Color

#1f8833
```
#1f8833 rgb(31,136,51)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#74881f
```
#74881f rgb(116,136,31)
```

Split Complementary Color

#1f8868
```
#1f8868 rgb(31,136,104)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#88681f
```
#88681f rgb(136,104,31)
```

Triadic Color

#1f3f88
```
#1f3f88 rgb(31,63,136)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#88681f
```
#88681f rgb(136,104,31)
```
#3f881f
```
#3f881f rgb(63,136,31)
```

Tetradic Color

#38114a
```
#38114a rgb(56,17,74)
```
#48165e
```
#48165e rgb(72,22,94)
```
#581a73
```
#581a73 rgb(88,26,115)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#78249d
```
#78249d rgb(120,36,157)
```
#8828b2
```
#8828b2 rgb(136,40,178)
```
#982dc6
```
#982dc6 rgb(152,45,198)
```

Monochromatic Color

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

#4e1f88
```
#4e1f88 rgb(78,31,136)
```
#561f88
```
#561f88 rgb(86,31,136)
```
#5f1f88
```
#5f1f88 rgb(95,31,136)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#711f88
```
#711f88 rgb(113,31,136)
```
#7a1f88
```
#7a1f88 rgb(122,31,136)
```
#821f88
```
#821f88 rgb(130,31,136)
```

Similar Colors

Text with hexadecimal color #681f88

This text has a font color of #681f88.

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

#681f88 background color

This paragraph has a background color of #681f88.

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

#681f88 border color

This element has a border color of #681f88.

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

CSS codes

.text {color:#681f88;}

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

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

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

#060208
```
#060208 rgb(6,2,8)
```
#120618
```
#120618 rgb(18,6,24)
```
#1f0928
```
#1f0928 rgb(31,9,40)
```
#2b0d38
```
#2b0d38 rgb(43,13,56)
```
#371048
```
#371048 rgb(55,16,72)
```
#431458
```
#431458 rgb(67,20,88)
```
#501868
```
#501868 rgb(80,24,104)
```
#5c1b78
```
#5c1b78 rgb(92,27,120)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#742398
```
#742398 rgb(116,35,152)
```
#8026a8
```
#8026a8 rgb(128,38,168)
```
#8d2ab8
```
#8d2ab8 rgb(141,42,184)
```
#992ec8
```
#992ec8 rgb(153,46,200)
```

Shade Color Variation

#a338d2
```
#a338d2 rgb(163,56,210)
```
#aa48d5
```
#aa48d5 rgb(170,72,213)
```
#b157d9
```
#b157d9 rgb(177,87,217)
```
#b967dc
```
#b967dc rgb(185,103,220)
```
#c077e0
```
#c077e0 rgb(192,119,224)
```
#c887e4
```
#c887e4 rgb(200,135,228)
```
#cf97e7
```
#cf97e7 rgb(207,151,231)
```
#d6a7eb
```
#d6a7eb rgb(214,167,235)
```
#deb7ef
```
#deb7ef rgb(222,183,239)
```
#e5c7f2
```
#e5c7f2 rgb(229,199,242)
```
#edd7f6
```
#edd7f6 rgb(237,215,246)
```
#f4e7fa
```
#f4e7fa rgb(244,231,250)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#545255
```
#545255 rgb(84,82,85)
```
#564c5b
```
#564c5b rgb(86,76,91)
```
#594661
```
#594661 rgb(89,70,97)
```
#5b3f68
```
#5b3f68 rgb(91,63,104)
```
#5e396e
```
#5e396e rgb(94,57,110)
```
#603275
```
#603275 rgb(96,50,117)
```
#632c7b
```
#632c7b rgb(99,44,123)
```
#652582
```
#652582 rgb(101,37,130)
```
#681f88
```
#681f88 rgb(104,31,136)
```
#6b198e
```
#6b198e rgb(107,25,142)
```
#6d1295
```
#6d1295 rgb(109,18,149)
```
#700c9b
```
#700c9b rgb(112,12,155)
```
#7205a2
```
#7205a2 rgb(114,5,162)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#493a4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004e83 Deuteranopia 1% of men
#634549 Tritanopia 0.001% of the population

Trichromacy

#253b8e Protanomaly 1% of men, 0.01% of women
#253d84 Deuteranomaly 6% of men, 0.4% of women
#653760 Tritanomaly 0.01% of the population

#681f88 hex color

#681f88 Color Information

#681f88 Color Conversion

Color Schemes with #681f88

Alternatives to #681f88

#681f88 Preview

Shades and Tints of #681f88

Tones of #681f88

Color Blindness Simulator