#977aa2 hex color

In a RGB color space, hex #977aa2 is composed of 59.2% red, 47.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 24.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 283.5 degrees, a saturation of 17.7% and a lightness of 55.7%. #977aa2 color hex could be obtained by blending #fff4ff with #2f0045. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 48
- B 64
RGB color chart
- C 7
- M 25
- Y 0
- K 36
CMYK color chart

● #977aa2 color description : Dark grayish violet.

The hexadecimal color #977aa2 has RGB values of R:151, G:122, B:162 and CMYK values of C:0.07, M:0.25, Y:0, K:0.36. Its decimal value is 9927330.

Hex triplet	977aa2	`#977aa2`
RGB Decimal	151, 122, 162	`rgb(151,122,162)`
RGB Percent	59.2, 47.8, 63.5	`rgb(59.2%,47.8%,63.5%)`
CMYK	7, 25, 0, 36
HSL	283.5°, 17.7, 55.7	`hsl(283.5,17.7%,55.7%)`
HSV (or HSB)	283.5°, 24.7, 63.5
Web Safe	996699	`#996699`

CIE-LAB	55.183, 18.759, -17.16
XYZ	26.243, 23.107, 37.258
xyY	0.303, 0.267, 23.107
CIE-LCH	55.183, 25.424, 317.549
CIE-LUV	55.183, 13.458, -28.128
Hunter-Lab	48.07, 13.325, -12.305
Binary	10010111, 01111010, 10100010

#977aa2
```
#977aa2 rgb(151,122,162)
```
#85a27a
```
#85a27a rgb(133,162,122)
```

Complementary Color

#837aa2
```
#837aa2 rgb(131,122,162)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#a27a99
```
#a27a99 rgb(162,122,153)
```

Analogous Color

#7aa283
```
#7aa283 rgb(122,162,131)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#99a27a
```
#99a27a rgb(153,162,122)
```

Split Complementary Color

#7aa297
```
#7aa297 rgb(122,162,151)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#a2977a
```
#a2977a rgb(162,151,122)
```

Triadic Color

#7a85a2
```
#7a85a2 rgb(122,133,162)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#a2977a
```
#a2977a rgb(162,151,122)
```
#85a27a
```
#85a27a rgb(133,162,122)
```

Tetradic Color

#70557a
```
#70557a rgb(112,85,122)
```
#7e6089
```
#7e6089 rgb(126,96,137)
```
#8b6b98
```
#8b6b98 rgb(139,107,152)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#a389ac
```
#a389ac rgb(163,137,172)
```
#ae98b7
```
#ae98b7 rgb(174,152,183)
```
#baa7c1
```
#baa7c1 rgb(186,167,193)
```

Monochromatic Color

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

#8d7aa2
```
#8d7aa2 rgb(141,122,162)
```
#907aa2
```
#907aa2 rgb(144,122,162)
```
#947aa2
```
#947aa2 rgb(148,122,162)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#9a7aa2
```
#9a7aa2 rgb(154,122,162)
```
#9e7aa2
```
#9e7aa2 rgb(158,122,162)
```
#a17aa2
```
#a17aa2 rgb(161,122,162)
```

Similar Colors

Text with hexadecimal color #977aa2

This text has a font color of #977aa2.

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

#977aa2 background color

This paragraph has a background color of #977aa2.

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

#977aa2 border color

This element has a border color of #977aa2.

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

CSS codes

.text {color:#977aa2;}

.background {background-color:#977aa2;}

.border {border:1px solid #977aa2;}

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

#050406
```
#050406 rgb(5,4,6)
```
#100c11
```
#100c11 rgb(16,12,17)
```
#1a141d
```
#1a141d rgb(26,20,29)
```
#251c28
```
#251c28 rgb(37,28,40)
```
#2f2434
```
#2f2434 rgb(47,36,52)
```
#3a2c3f
```
#3a2c3f rgb(58,44,63)
```
#45344b
```
#45344b rgb(69,52,75)
```
#4f3c56
```
#4f3c56 rgb(79,60,86)
```
#5a4462
```
#5a4462 rgb(90,68,98)
```
#644d6d
```
#644d6d rgb(100,77,109)
```
#6f5579
```
#6f5579 rgb(111,85,121)
```
#7a5d85
```
#7a5d85 rgb(122,93,133)
```
#846590
```
#846590 rgb(132,101,144)
```

Shade Color Variation

#8e6e9a
```
#8e6e9a rgb(142,110,154)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#a086aa
```
#a086aa rgb(160,134,170)
```
#a991b2
```
#a991b2 rgb(169,145,178)
```
#b29dba
```
#b29dba rgb(178,157,186)
```
#bba8c2
```
#bba8c2 rgb(187,168,194)
```
#c4b4ca
```
#c4b4ca rgb(196,180,202)
```
#cdbfd2
```
#cdbfd2 rgb(205,191,210)
```
#d6cbdb
```
#d6cbdb rgb(214,203,219)
```
#dfd6e3
```
#dfd6e3 rgb(223,214,227)
```
#e8e2eb
```
#e8e2eb rgb(232,226,235)
```
#f1edf3
```
#f1edf3 rgb(241,237,243)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#8f8b91
```
#8f8b91 rgb(143,139,145)
```
#938399
```
#938399 rgb(147,131,153)
```
#977aa2
```
#977aa2 rgb(151,122,162)
```
#9b71ab
```
#9b71ab rgb(155,113,171)
```
#9f69b3
```
#9f69b3 rgb(159,105,179)
```
#a360bc
```
#a360bc rgb(163,96,188)
```
#a757c5
```
#a757c5 rgb(167,87,197)
```
#ab4fcd
```
#ab4fcd rgb(171,79,205)
```
#ae46d6
```
#ae46d6 rgb(174,70,214)
```
#b23ddf
```
#b23ddf rgb(178,61,223)
```
#b634e8
```
#b634e8 rgb(182,52,232)
```
#ba2cf0
```
#ba2cf0 rgb(186,44,240)
```
#be23f9
```
#be23f9 rgb(190,35,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8a848c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8189ac Protanopia 1% of men
#8987a4 Deuteranopia 1% of men
#98858e Tritanopia 0.001% of the population

Trichromacy

#8983a8 Protanomaly 1% of men, 0.01% of women
#8e82a3 Deuteranomaly 6% of men, 0.4% of women
#978195 Tritanomaly 0.01% of the population

#977aa2 hex color

#977aa2 Color Information

#977aa2 Color Conversion

Color Schemes with #977aa2

Alternatives to #977aa2

#977aa2 Preview

Shades and Tints of #977aa2

Tones of #977aa2

Color Blindness Simulator