#681aa9 hex color

In a RGB color space, hex #681aa9 is composed of 40.8% red, 10.2% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 84.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 272.7 degrees, a saturation of 73.3% and a lightness of 38.2%. #681aa9 color hex could be obtained by blending #d034ff with #000053. Closest websafe color is: #663399.

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

● #681aa9 color description : Dark violet.

The hexadecimal color #681aa9 has RGB values of R:104, G:26, B:169 and CMYK values of C:0.38, M:0.85, Y:0, K:0.34. Its decimal value is 6822569.

Hex triplet	681aa9	`#681aa9`
RGB Decimal	104, 26, 169	`rgb(104,26,169)`
RGB Percent	40.8, 10.2, 66.3	`rgb(40.8%,10.2%,66.3%)`
CMYK	38, 85, 0, 34
HSL	272.7°, 73.3, 38.2	`hsl(272.7,73.3%,38.2%)`
HSV (or HSB)	272.7°, 84.6, 66.3
Web Safe	663399	`#663399`

CIE-LAB	30.752, 57.667, -60.329
XYZ	13.239, 6.547, 38.1
xyY	0.229, 0.113, 6.547
CIE-LCH	30.752, 83.457, 313.708
CIE-LUV	30.752, 14.689, -82.884
Hunter-Lab	25.586, 47.582, -70.377
Binary	01101000, 00011010, 10101001

#681aa9
```
#681aa9 rgb(104,26,169)
```
#5ba91a
```
#5ba91a rgb(91,169,26)
```

Complementary Color

#201aa9
```
#201aa9 rgb(32,26,169)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#a91aa3
```
#a91aa3 rgb(169,26,163)
```

Analogous Color

#1aa920
```
#1aa920 rgb(26,169,32)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#a3a91a
```
#a3a91a rgb(163,169,26)
```

Split Complementary Color

#1aa968
```
#1aa968 rgb(26,169,104)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#a9681a
```
#a9681a rgb(169,104,26)
```

Triadic Color

#1a5ba9
```
#1a5ba9 rgb(26,91,169)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#a9681a
```
#a9681a rgb(169,104,26)
```
#5ba91a
```
#5ba91a rgb(91,169,26)
```

Tetradic Color

#3f1067
```
#3f1067 rgb(63,16,103)
```
#4d137d
```
#4d137d rgb(77,19,125)
```
#5a1793
```
#5a1793 rgb(90,23,147)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#761dbf
```
#761dbf rgb(118,29,191)
```
#8321d5
```
#8321d5 rgb(131,33,213)
```
#9030df
```
#9030df rgb(144,48,223)
```

Monochromatic Color

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

#441aa9
```
#441aa9 rgb(68,26,169)
```
#501aa9
```
#501aa9 rgb(80,26,169)
```
#5c1aa9
```
#5c1aa9 rgb(92,26,169)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#741aa9
```
#741aa9 rgb(116,26,169)
```
#801aa9
```
#801aa9 rgb(128,26,169)
```
#8c1aa9
```
#8c1aa9 rgb(140,26,169)
```

Similar Colors

Text with hexadecimal color #681aa9

This text has a font color of #681aa9.

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

#681aa9 background color

This paragraph has a background color of #681aa9.

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

#681aa9 border color

This element has a border color of #681aa9.

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

CSS codes

.text {color:#681aa9;}

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

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

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

#0a0210
```
#0a0210 rgb(10,2,16)
```
#140521
```
#140521 rgb(20,5,33)
```
#1f0832
```
#1f0832 rgb(31,8,50)
```
#290a43
```
#290a43 rgb(41,10,67)
```
#340d54
```
#340d54 rgb(52,13,84)
```
#3e1065
```
#3e1065 rgb(62,16,101)
```
#491276
```
#491276 rgb(73,18,118)
```
#531587
```
#531587 rgb(83,21,135)
```
#5e1798
```
#5e1798 rgb(94,23,152)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#721dba
```
#721dba rgb(114,29,186)
```
#7d1fcb
```
#7d1fcb rgb(125,31,203)
```
#8722dc
```
#8722dc rgb(135,34,220)
```

Shade Color Variation

#9132df
```
#9132df rgb(145,50,223)
```
#9a43e2
```
#9a43e2 rgb(154,67,226)
```
#a354e5
```
#a354e5 rgb(163,84,229)
```
#ac65e7
```
#ac65e7 rgb(172,101,231)
```
#b576ea
```
#b576ea rgb(181,118,234)
```
#be87ed
```
#be87ed rgb(190,135,237)
```
#c898ef
```
#c898ef rgb(200,152,239)
```
#d1a9f2
```
#d1a9f2 rgb(209,169,242)
```
#dabaf4
```
#dabaf4 rgb(218,186,244)
```
#e3cbf7
```
#e3cbf7 rgb(227,203,247)
```
#ecdcfa
```
#ecdcfa rgb(236,220,250)
```
#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, #625e66 is the less saturated color, while #6a03c0 is the most saturated one.

#625e66
```
#625e66 rgb(98,94,102)
```
#63566d
```
#63566d rgb(99,86,109)
```
#634f75
```
#634f75 rgb(99,79,117)
```
#64477c
```
#64477c rgb(100,71,124)
```
#654084
```
#654084 rgb(101,64,132)
```
#65388b
```
#65388b rgb(101,56,139)
```
#663193
```
#663193 rgb(102,49,147)
```
#67299a
```
#67299a rgb(103,41,154)
```
#6722a2
```
#6722a2 rgb(103,34,162)
```
#681aa9
```
#681aa9 rgb(104,26,169)
```
#6913b1
```
#6913b1 rgb(105,19,177)
```
#690bb8
```
#690bb8 rgb(105,11,184)
```
#6a03c0
```
#6a03c0 rgb(106,3,192)
```

Tone Color Variation

Below, you can see how #681aa9 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
#4a3a57 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
#253e93 Deuteranomaly 6% of men, 0.4% of women
#5e3b73 Tritanomaly 0.01% of the population

#681aa9 hex color

#681aa9 Color Information

#681aa9 Color Conversion

Color Schemes with #681aa9

Alternatives to #681aa9

#681aa9 Preview

Shades and Tints of #681aa9

Tones of #681aa9

Color Blindness Simulator