#681ba8 hex color

In a RGB color space, hex #681ba8 is composed of 40.8% red, 10.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 83.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 272.8 degrees, a saturation of 72.3% and a lightness of 38.2%. #681ba8 color hex could be obtained by blending #d036ff with #000051. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 11
- B 66
RGB color chart
- C 38
- M 84
- Y 0
- K 34
CMYK color chart

● #681ba8 color description : Dark violet.

The hexadecimal color #681ba8 has RGB values of R:104, G:27, B:168 and CMYK values of C:0.38, M:0.84, Y:0, K:0.34. Its decimal value is 6822824.

Hex triplet	681ba8	`#681ba8`
RGB Decimal	104, 27, 168	`rgb(104,27,168)`
RGB Percent	40.8, 10.6, 65.9	`rgb(40.8%,10.6%,65.9%)`
CMYK	38, 84, 0, 34
HSL	272.8°, 72.3, 38.2	`hsl(272.8,72.3%,38.2%)`
HSV (or HSB)	272.8°, 83.9, 65.9
Web Safe	663399	`#663399`

CIE-LAB	30.77, 57.124, -59.697
XYZ	13.168, 6.554, 37.615
xyY	0.23, 0.114, 6.554
CIE-LCH	30.77, 82.625, 313.738
CIE-LUV	30.77, 14.782, -82.153
Hunter-Lab	25.601, 47.007, -69.192
Binary	01101000, 00011011, 10101000

#681ba8
```
#681ba8 rgb(104,27,168)
```
#5ba81b
```
#5ba81b rgb(91,168,27)
```

Complementary Color

#221ba8
```
#221ba8 rgb(34,27,168)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#a81ba2
```
#a81ba2 rgb(168,27,162)
```

Analogous Color

#1ba822
```
#1ba822 rgb(27,168,34)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#a2a81b
```
#a2a81b rgb(162,168,27)
```

Split Complementary Color

#1ba868
```
#1ba868 rgb(27,168,104)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#a8681b
```
#a8681b rgb(168,104,27)
```

Triadic Color

#1b5ba8
```
#1b5ba8 rgb(27,91,168)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#a8681b
```
#a8681b rgb(168,104,27)
```
#5ba81b
```
#5ba81b rgb(91,168,27)
```

Tetradic Color

#3f1066
```
#3f1066 rgb(63,16,102)
```
#4d147c
```
#4d147c rgb(77,20,124)
```
#5a1792
```
#5a1792 rgb(90,23,146)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#761fbe
```
#761fbe rgb(118,31,190)
```
#8322d4
```
#8322d4 rgb(131,34,212)
```
#9032de
```
#9032de rgb(144,50,222)
```

Monochromatic Color

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

#451ba8
```
#451ba8 rgb(69,27,168)
```
#511ba8
```
#511ba8 rgb(81,27,168)
```
#5c1ba8
```
#5c1ba8 rgb(92,27,168)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#741ba8
```
#741ba8 rgb(116,27,168)
```
#801ba8
```
#801ba8 rgb(128,27,168)
```
#8b1ba8
```
#8b1ba8 rgb(139,27,168)
```

Similar Colors

Text with hexadecimal color #681ba8

This text has a font color of #681ba8.

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

#681ba8 background color

This paragraph has a background color of #681ba8.

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

#681ba8 border color

This element has a border color of #681ba8.

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

CSS codes

.text {color:#681ba8;}

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

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

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, #0a0310 is the darkest color, while #fefeff is the lightest one.

#0a0310
```
#0a0310 rgb(10,3,16)
```
#140521
```
#140521 rgb(20,5,33)
```
#1f0832
```
#1f0832 rgb(31,8,50)
```
#290b43
```
#290b43 rgb(41,11,67)
```
#340d54
```
#340d54 rgb(52,13,84)
```
#3e1064
```
#3e1064 rgb(62,16,100)
```
#491375
```
#491375 rgb(73,19,117)
```
#531686
```
#531686 rgb(83,22,134)
```
#5e1897
```
#5e1897 rgb(94,24,151)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#721eb9
```
#721eb9 rgb(114,30,185)
```
#7d20ca
```
#7d20ca rgb(125,32,202)
```
#8723db
```
#8723db rgb(135,35,219)
```

Shade Color Variation

#9133de
```
#9133de rgb(145,51,222)
```
#9a44e1
```
#9a44e1 rgb(154,68,225)
```
#a355e4
```
#a355e4 rgb(163,85,228)
```
#ac66e6
```
#ac66e6 rgb(172,102,230)
```
#b577e9
```
#b577e9 rgb(181,119,233)
```
#be88ec
```
#be88ec rgb(190,136,236)
```
#c899ef
```
#c899ef rgb(200,153,239)
```
#d1aaf1
```
#d1aaf1 rgb(209,170,241)
```
#dabaf4
```
#dabaf4 rgb(218,186,244)
```
#e3cbf7
```
#e3cbf7 rgb(227,203,247)
```
#ecdcf9
```
#ecdcf9 rgb(236,220,249)
```
#f5edfc
```
#f5edfc rgb(245,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#625f65
```
#625f65 rgb(98,95,101)
```
#62576c
```
#62576c rgb(98,87,108)
```
#635074
```
#635074 rgb(99,80,116)
```
#64487b
```
#64487b rgb(100,72,123)
```
#654183
```
#654183 rgb(101,65,131)
```
#65398a
```
#65398a rgb(101,57,138)
```
#663292
```
#663292 rgb(102,50,146)
```
#672a99
```
#672a99 rgb(103,42,153)
```
#6723a1
```
#6723a1 rgb(103,35,161)
```
#681ba8
```
#681ba8 rgb(104,27,168)
```
#6914b0
```
#6914b0 rgb(105,20,176)
```
#690cb7
```
#690cb7 rgb(105,12,183)
```
#6a04bf
```
#6a04bf rgb(106,4,191)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4a3a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005387 Deuteranopia 1% of men
#594f54 Tritanopia 0.001% of the population

Trichromacy

#253c9f Protanomaly 1% of men, 0.01% of women
#253f93 Deuteranomaly 6% of men, 0.4% of women
#5f3c72 Tritanomaly 0.01% of the population

#681ba8 hex color

#681ba8 Color Information

#681ba8 Color Conversion

Color Schemes with #681ba8

Alternatives to #681ba8

#681ba8 Preview

Shades and Tints of #681ba8

Tones of #681ba8

Color Blindness Simulator