#976aaa hex color

In a RGB color space, hex #976aaa is composed of 59.2% red, 41.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 37.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 282.2 degrees, a saturation of 27.4% and a lightness of 54.1%. #976aaa color hex could be obtained by blending #ffd4ff with #2f0055. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 42
- B 67
RGB color chart
- C 11
- M 38
- Y 0
- K 33
CMYK color chart

● #976aaa color description : Mostly desaturated dark violet.

The hexadecimal color #976aaa has RGB values of R:151, G:106, B:170 and CMYK values of C:0.11, M:0.38, Y:0, K:0.33. Its decimal value is 9923242.

Hex triplet	976aaa	`#976aaa`
RGB Decimal	151, 106, 170	`rgb(151,106,170)`
RGB Percent	59.2, 41.6, 66.7	`rgb(59.2%,41.6%,66.7%)`
CMYK	11, 38, 0, 33
HSL	282.2°, 27.4, 54.1	`hsl(282.2,27.4%,54.1%)`
HSV (or HSB)	282.2°, 37.6, 66.7
Web Safe	996699	`#996699`

CIE-LAB	51.599, 29.713, -27.31
XYZ	25.171, 19.79, 40.522
xyY	0.294, 0.232, 19.79
CIE-LCH	51.599, 40.357, 317.414
CIE-LUV	51.599, 19.545, -44.817
Hunter-Lab	44.486, 23.148, -22.866
Binary	10010111, 01101010, 10101010

#976aaa
```
#976aaa rgb(151,106,170)
```
#7daa6a
```
#7daa6a rgb(125,170,106)
```

Complementary Color

#776aaa
```
#776aaa rgb(119,106,170)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#aa6a9d
```
#aa6a9d rgb(170,106,157)
```

Analogous Color

#6aaa77
```
#6aaa77 rgb(106,170,119)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#9daa6a
```
#9daa6a rgb(157,170,106)
```

Split Complementary Color

#6aaa97
```
#6aaa97 rgb(106,170,151)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#aa976a
```
#aa976a rgb(170,151,106)
```

Triadic Color

#6a7daa
```
#6a7daa rgb(106,125,170)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#aa976a
```
#aa976a rgb(170,151,106)
```
#7daa6a
```
#7daa6a rgb(125,170,106)
```

Tetradic Color

#6f487f
```
#6f487f rgb(111,72,127)
```
#7d528f
```
#7d528f rgb(125,82,143)
```
#8b5ba0
```
#8b5ba0 rgb(139,91,160)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#a27ab3
```
#a27ab3 rgb(162,122,179)
```
#ae8abd
```
#ae8abd rgb(174,138,189)
```
#b99bc6
```
#b99bc6 rgb(185,155,198)
```

Monochromatic Color

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

#876aaa
```
#876aaa rgb(135,106,170)
```
#8c6aaa
```
#8c6aaa rgb(140,106,170)
```
#926aaa
```
#926aaa rgb(146,106,170)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#9c6aaa
```
#9c6aaa rgb(156,106,170)
```
#a26aaa
```
#a26aaa rgb(162,106,170)
```
#a76aaa
```
#a76aaa rgb(167,106,170)
```

Similar Colors

Text with hexadecimal color #976aaa

This text has a font color of #976aaa.

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

#976aaa background color

This paragraph has a background color of #976aaa.

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

#976aaa border color

This element has a border color of #976aaa.

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

CSS codes

.text {color:#976aaa;}

.background {background-color:#976aaa;}

.border {border:1px solid #976aaa;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0c080d
```
#0c080d rgb(12,8,13)
```
#170f1a
```
#170f1a rgb(23,15,26)
```
#211626
```
#211626 rgb(33,22,38)
```
#2c1d33
```
#2c1d33 rgb(44,29,51)
```
#37243f
```
#37243f rgb(55,36,63)
```
#422b4c
```
#422b4c rgb(66,43,76)
```
#4d3258
```
#4d3258 rgb(77,50,88)
```
#583a65
```
#583a65 rgb(88,58,101)
```
#634171
```
#634171 rgb(99,65,113)
```
#6e487e
```
#6e487e rgb(110,72,126)
```
#794f8a
```
#794f8a rgb(121,79,138)
```
#845697
```
#845697 rgb(132,86,151)
```

Shade Color Variation

#8e5ea3
```
#8e5ea3 rgb(142,94,163)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#a076b1
```
#a076b1 rgb(160,118,177)
```
#a883b8
```
#a883b8 rgb(168,131,184)
```
#b18fbf
```
#b18fbf rgb(177,143,191)
```
#ba9cc7
```
#ba9cc7 rgb(186,156,199)
```
#c3a8ce
```
#c3a8ce rgb(195,168,206)
```
#cbb5d5
```
#cbb5d5 rgb(203,181,213)
```
#d4c1dc
```
#d4c1dc rgb(212,193,220)
```
#ddcee3
```
#ddcee3 rgb(221,206,227)
```
#e5daea
```
#e5daea rgb(229,218,234)
```
#eee7f1
```
#eee7f1 rgb(238,231,241)
```
#f7f3f8
```
#f7f3f8 rgb(247,243,248)
```

Tint Color Variation

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

#8c858f
```
#8c858f rgb(140,133,143)
```
#907c98
```
#907c98 rgb(144,124,152)
```
#9373a1
```
#9373a1 rgb(147,115,161)
```
#976aaa
```
#976aaa rgb(151,106,170)
```
#9b61b3
```
#9b61b3 rgb(155,97,179)
```
#9e58bc
```
#9e58bc rgb(158,88,188)
```
#a24fc5
```
#a24fc5 rgb(162,79,197)
```
#a646ce
```
#a646ce rgb(166,70,206)
```
#a93dd7
```
#a93dd7 rgb(169,61,215)
```
#ad34e0
```
#ad34e0 rgb(173,52,224)
```
#b12be9
```
#b12be9 rgb(177,43,233)
```
#b422f2
```
#b422f2 rgb(180,34,242)
```
#b819fb
```
#b819fb rgb(184,25,251)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#847b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7fb8 Protanopia 1% of men
#7680a9 Deuteranopia 1% of men
#947b83 Tritanopia 0.001% of the population

Trichromacy

#7c77b3 Protanomaly 1% of men, 0.01% of women
#8278a9 Deuteranomaly 6% of men, 0.4% of women
#957491 Tritanomaly 0.01% of the population

#976aaa hex color

#976aaa Color Information

#976aaa Color Conversion

Color Schemes with #976aaa

Alternatives to #976aaa

#976aaa Preview

Shades and Tints of #976aaa

Tones of #976aaa

Color Blindness Simulator