#681aa4 hex color

In a RGB color space, hex #681aa4 is composed of 40.8% red, 10.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 84.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 273.9 degrees, a saturation of 72.6% and a lightness of 37.3%. #681aa4 color hex could be obtained by blending #d034ff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 10
- B 64
RGB color chart
- C 37
- M 84
- Y 0
- K 36
CMYK color chart

● #681aa4 color description : Dark violet.

The hexadecimal color #681aa4 has RGB values of R:104, G:26, B:164 and CMYK values of C:0.37, M:0.84, Y:0, K:0.36. Its decimal value is 6822564.

Hex triplet	681aa4	`#681aa4`
RGB Decimal	104, 26, 164	`rgb(104,26,164)`
RGB Percent	40.8, 10.2, 64.3	`rgb(40.8%,10.2%,64.3%)`
CMYK	37, 84, 0, 36
HSL	273.9°, 72.6, 37.3	`hsl(273.9,72.6%,37.3%)`
HSV (or HSB)	273.9°, 84.1, 64.3
Web Safe	663399	`#663399`

CIE-LAB	30.309, 56.534, -58.036
XYZ	12.778, 6.362, 35.675
xyY	0.233, 0.116, 6.362
CIE-LCH	30.309, 81.02, 314.249
CIE-LUV	30.309, 15.615, -79.709
Hunter-Lab	25.224, 46.285, -66.199
Binary	01101000, 00011010, 10100100

#681aa4
```
#681aa4 rgb(104,26,164)
```
#56a41a
```
#56a41a rgb(86,164,26)
```

Complementary Color

#231aa4
```
#231aa4 rgb(35,26,164)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#a41a9b
```
#a41a9b rgb(164,26,155)
```

Analogous Color

#1aa423
```
#1aa423 rgb(26,164,35)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#9ba41a
```
#9ba41a rgb(155,164,26)
```

Split Complementary Color

#1aa468
```
#1aa468 rgb(26,164,104)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#a4681a
```
#a4681a rgb(164,104,26)
```

Triadic Color

#1a56a4
```
#1a56a4 rgb(26,86,164)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#a4681a
```
#a4681a rgb(164,104,26)
```
#56a41a
```
#56a41a rgb(86,164,26)
```

Tetradic Color

#3e1062
```
#3e1062 rgb(62,16,98)
```
#4c1378
```
#4c1378 rgb(76,19,120)
```
#5a178e
```
#5a178e rgb(90,23,142)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#761dba
```
#761dba rgb(118,29,186)
```
#8421d0
```
#8421d0 rgb(132,33,208)
```
#912dde
```
#912dde rgb(145,45,222)
```

Monochromatic Color

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

#461aa4
```
#461aa4 rgb(70,26,164)
```
#511aa4
```
#511aa4 rgb(81,26,164)
```
#5d1aa4
```
#5d1aa4 rgb(93,26,164)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#741aa4
```
#741aa4 rgb(116,26,164)
```
#7f1aa4
```
#7f1aa4 rgb(127,26,164)
```
#8b1aa4
```
#8b1aa4 rgb(139,26,164)
```

Similar Colors

Text with hexadecimal color #681aa4

This text has a font color of #681aa4.

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

#681aa4 background color

This paragraph has a background color of #681aa4.

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

#681aa4 border color

This element has a border color of #681aa4.

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

CSS codes

.text {color:#681aa4;}

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

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

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, #07020c is the darkest color, while #fcfafe is the lightest one.

#07020c
```
#07020c rgb(7,2,12)
```
#12051d
```
#12051d rgb(18,5,29)
```
#1d072d
```
#1d072d rgb(29,7,45)
```
#280a3e
```
#280a3e rgb(40,10,62)
```
#320d4f
```
#320d4f rgb(50,13,79)
```
#3d0f60
```
#3d0f60 rgb(61,15,96)
```
#481271
```
#481271 rgb(72,18,113)
```
#531582
```
#531582 rgb(83,21,130)
```
#5d1793
```
#5d1793 rgb(93,23,147)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#731db5
```
#731db5 rgb(115,29,181)
```
#7d1fc6
```
#7d1fc6 rgb(125,31,198)
```
#8822d7
```
#8822d7 rgb(136,34,215)
```

Shade Color Variation

#922fde
```
#922fde rgb(146,47,222)
```
#9b3fe1
```
#9b3fe1 rgb(155,63,225)
```
#a350e3
```
#a350e3 rgb(163,80,227)
```
#ac61e6
```
#ac61e6 rgb(172,97,230)
```
#b572e9
```
#b572e9 rgb(181,114,233)
```
#be83eb
```
#be83eb rgb(190,131,235)
```
#c794ee
```
#c794ee rgb(199,148,238)
```
#d0a5f1
```
#d0a5f1 rgb(208,165,241)
```
#d9b6f3
```
#d9b6f3 rgb(217,182,243)
```
#e2c7f6
```
#e2c7f6 rgb(226,199,246)
```
#ead8f9
```
#ead8f9 rgb(234,216,249)
```
#f3e9fb
```
#f3e9fb rgb(243,233,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#60546a
```
#60546a rgb(96,84,106)
```
#614d71
```
#614d71 rgb(97,77,113)
```
#624678
```
#624678 rgb(98,70,120)
```
#633f7f
```
#633f7f rgb(99,63,127)
```
#643787
```
#643787 rgb(100,55,135)
```
#65308e
```
#65308e rgb(101,48,142)
```
#662995
```
#662995 rgb(102,41,149)
```
#67219d
```
#67219d rgb(103,33,157)
```
#681aa4
```
#681aa4 rgb(104,26,164)
```
#6913ab
```
#6913ab rgb(105,19,171)
```
#6a0bb3
```
#6a0bb3 rgb(106,11,179)
```
#6b04ba
```
#6b04ba rgb(107,4,186)
```

Tone Color Variation

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

Dichromacy

#004e98 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#5b4d52 Tritanopia 0.001% of the population

Trichromacy

#253b9c Protanomaly 1% of men, 0.01% of women
#253e91 Deuteranomaly 6% of men, 0.4% of women
#5f3a70 Tritanomaly 0.01% of the population

#681aa4 hex color

#681aa4 Color Information

#681aa4 Color Conversion

Color Schemes with #681aa4

Alternatives to #681aa4

#681aa4 Preview

Shades and Tints of #681aa4

Tones of #681aa4

Color Blindness Simulator