#681396 hex color

In a RGB color space, hex #681396 is composed of 40.8% red, 7.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 87.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 278.9 degrees, a saturation of 77.5% and a lightness of 33.1%. #681396 color hex could be obtained by blending #d026ff with #00002d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 7
- B 59
RGB color chart
- C 31
- M 87
- Y 0
- K 41
CMYK color chart

● #681396 color description : Dark violet.

The hexadecimal color #681396 has RGB values of R:104, G:19, B:150 and CMYK values of C:0.31, M:0.87, Y:0, K:0.41. Its decimal value is 6820758.

Hex triplet	681396	`#681396`
RGB Decimal	104, 19, 150	`rgb(104,19,150)`
RGB Percent	40.8, 7.5, 58.8	`rgb(40.8%,7.5%,58.8%)`
CMYK	31, 87, 0, 41
HSL	278.9°, 77.5, 33.1	`hsl(278.9,77.5%,33.1%)`
HSV (or HSB)	278.9°, 87.3, 58.8
Web Safe	660099	`#660099`

CIE-LAB	28.409, 55.492, -52.602
XYZ	11.446, 5.611, 29.333
xyY	0.247, 0.121, 5.611
CIE-LCH	28.409, 76.461, 316.532
CIE-LUV	28.409, 19.026, -71.389
Hunter-Lab	23.688, 44.798, -56.837
Binary	01101000, 00010011, 10010110

#681396
```
#681396 rgb(104,19,150)
```
#419613
```
#419613 rgb(65,150,19)
```

Complementary Color

#271396
```
#271396 rgb(39,19,150)
```
#681396
```
#681396 rgb(104,19,150)
```
#961383
```
#961383 rgb(150,19,131)
```

Analogous Color

#139627
```
#139627 rgb(19,150,39)
```
#681396
```
#681396 rgb(104,19,150)
```
#839613
```
#839613 rgb(131,150,19)
```

Split Complementary Color

#139668
```
#139668 rgb(19,150,104)
```
#681396
```
#681396 rgb(104,19,150)
```
#966813
```
#966813 rgb(150,104,19)
```

Triadic Color

#134196
```
#134196 rgb(19,65,150)
```
#681396
```
#681396 rgb(104,19,150)
```
#966813
```
#966813 rgb(150,104,19)
```
#419613
```
#419613 rgb(65,150,19)
```

Tetradic Color

#390a52
```
#390a52 rgb(57,10,82)
```
#490d69
```
#490d69 rgb(73,13,105)
```
#58107f
```
#58107f rgb(88,16,127)
```
#681396
```
#681396 rgb(104,19,150)
```
#7816ad
```
#7816ad rgb(120,22,173)
```
#8719c3
```
#8719c3 rgb(135,25,195)
```
#971cda
```
#971cda rgb(151,28,218)
```

Monochromatic Color

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

#471396
```
#471396 rgb(71,19,150)
```
#521396
```
#521396 rgb(82,19,150)
```
#5d1396
```
#5d1396 rgb(93,19,150)
```
#681396
```
#681396 rgb(104,19,150)
```
#731396
```
#731396 rgb(115,19,150)
```
#7e1396
```
#7e1396 rgb(126,19,150)
```
#891396
```
#891396 rgb(137,19,150)
```

Similar Colors

Text with hexadecimal color #681396

This text has a font color of #681396.

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

#681396 background color

This paragraph has a background color of #681396.

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

#681396 border color

This element has a border color of #681396.

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

CSS codes

.text {color:#681396;}

.background {background-color:#681396;}

.border {border:1px solid #681396;}

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

#07010b
```
#07010b rgb(7,1,11)
```
#14041c
```
#14041c rgb(20,4,28)
```
#20062e
```
#20062e rgb(32,6,46)
```
#2c083f
```
#2c083f rgb(44,8,63)
```
#380a50
```
#380a50 rgb(56,10,80)
```
#440c62
```
#440c62 rgb(68,12,98)
```
#500f73
```
#500f73 rgb(80,15,115)
```
#5c1185
```
#5c1185 rgb(92,17,133)
```
#681396
```
#681396 rgb(104,19,150)
```
#7415a7
```
#7415a7 rgb(116,21,167)
```
#8017b9
```
#8017b9 rgb(128,23,185)
```
#8c1aca
```
#8c1aca rgb(140,26,202)
```
#981cdc
```
#981cdc rgb(152,28,220)
```

Shade Color Variation

#a227e4
```
#a227e4 rgb(162,39,228)
```
#a939e6
```
#a939e6 rgb(169,57,230)
```
#b14ae8
```
#b14ae8 rgb(177,74,232)
```
#b85cea
```
#b85cea rgb(184,92,234)
```
#c06ded
```
#c06ded rgb(192,109,237)
```
#c77eef
```
#c77eef rgb(199,126,239)
```
#cf90f1
```
#cf90f1 rgb(207,144,241)
```
#d6a1f3
```
#d6a1f3 rgb(214,161,243)
```
#deb3f5
```
#deb3f5 rgb(222,179,245)
```
#e5c4f8
```
#e5c4f8 rgb(229,196,248)
```
#edd5fa
```
#edd5fa rgb(237,213,250)
```
#f5e7fc
```
#f5e7fc rgb(245,231,252)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

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

#555455
```
#555455 rgb(85,84,85)
```
#574e5c
```
#574e5c rgb(87,78,92)
```
#594762
```
#594762 rgb(89,71,98)
```
#5a4169
```
#5a4169 rgb(90,65,105)
```
#5c3a6f
```
#5c3a6f rgb(92,58,111)
```
#5e3476
```
#5e3476 rgb(94,52,118)
```
#602d7c
```
#602d7c rgb(96,45,124)
```
#622783
```
#622783 rgb(98,39,131)
```
#642089
```
#642089 rgb(100,32,137)
```
#661a90
```
#661a90 rgb(102,26,144)
```
#681396
```
#681396 rgb(104,19,150)
```
#6a0d9d
```
#6a0d9d rgb(106,13,157)
```
#6c06a3
```
#6c06a3 rgb(108,6,163)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#44334d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004e80 Deuteranopia 1% of men
#5f464a Tritanopia 0.001% of the population

Trichromacy

#253692 Protanomaly 1% of men, 0.01% of women
#253888 Deuteranomaly 6% of men, 0.4% of women
#623366 Tritanomaly 0.01% of the population

#681396 hex color

#681396 Color Information

#681396 Color Conversion

Color Schemes with #681396

Alternatives to #681396

#681396 Preview

Shades and Tints of #681396

Tones of #681396

Color Blindness Simulator