#977ea9 hex color

In a RGB color space, hex #977ea9 is composed of 59.2% red, 49.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 25.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 274.9 degrees, a saturation of 20% and a lightness of 57.8%. #977ea9 color hex could be obtained by blending #fffcff with #2f0053. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 49
- B 66
RGB color chart
- C 11
- M 25
- Y 0
- K 34
CMYK color chart

● #977ea9 color description : Mostly desaturated dark violet.

The hexadecimal color #977ea9 has RGB values of R:151, G:126, B:169 and CMYK values of C:0.11, M:0.25, Y:0, K:0.34. Its decimal value is 9928361.

Hex triplet	977ea9	`#977ea9`
RGB Decimal	151, 126, 169	`rgb(151,126,169)`
RGB Percent	59.2, 49.4, 66.3	`rgb(59.2%,49.4%,66.3%)`
CMYK	11, 25, 0, 34
HSL	274.9°, 20, 57.8	`hsl(274.9,20%,57.8%)`
HSV (or HSB)	274.9°, 25.4, 66.3
Web Safe	996699	`#996699`

CIE-LAB	56.452, 17.939, -19.264
XYZ	27.384, 24.366, 40.794
xyY	0.296, 0.263, 24.366
CIE-LCH	56.452, 26.323, 312.96
CIE-LUV	56.452, 10.82, -31.363
Hunter-Lab	49.362, 12.64, -14.446
Binary	10010111, 01111110, 10101001

#977ea9
```
#977ea9 rgb(151,126,169)
```
#90a97e
```
#90a97e rgb(144,169,126)
```

Complementary Color

#827ea9
```
#827ea9 rgb(130,126,169)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a97ea6
```
#a97ea6 rgb(169,126,166)
```

Analogous Color

#7ea982
```
#7ea982 rgb(126,169,130)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a6a97e
```
#a6a97e rgb(166,169,126)
```

Split Complementary Color

#7ea997
```
#7ea997 rgb(126,169,151)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a9977e
```
#a9977e rgb(169,151,126)
```

Triadic Color

#7e90a9
```
#7e90a9 rgb(126,144,169)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a9977e
```
#a9977e rgb(169,151,126)
```
#90a97e
```
#90a97e rgb(144,169,126)
```

Tetradic Color

#715783
```
#715783 rgb(113,87,131)
```
#7e6292
```
#7e6292 rgb(126,98,146)
```
#8b6f9f
```
#8b6f9f rgb(139,111,159)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a38db3
```
#a38db3 rgb(163,141,179)
```
#b09dbd
```
#b09dbd rgb(176,157,189)
```
#bcacc8
```
#bcacc8 rgb(188,172,200)
```

Monochromatic Color

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

#8c7ea9
```
#8c7ea9 rgb(140,126,169)
```
#907ea9
```
#907ea9 rgb(144,126,169)
```
#937ea9
```
#937ea9 rgb(147,126,169)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#9b7ea9
```
#9b7ea9 rgb(155,126,169)
```
#9e7ea9
```
#9e7ea9 rgb(158,126,169)
```
#a27ea9
```
#a27ea9 rgb(162,126,169)
```

Similar Colors

Text with hexadecimal color #977ea9

This text has a font color of #977ea9.

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

#977ea9 background color

This paragraph has a background color of #977ea9.

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

#977ea9 border color

This element has a border color of #977ea9.

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

CSS codes

.text {color:#977ea9;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b080c
```
#0b080c rgb(11,8,12)
```
#151018
```
#151018 rgb(21,16,24)
```
#1f1824
```
#1f1824 rgb(31,24,36)
```
#292030
```
#292030 rgb(41,32,48)
```
#33283b
```
#33283b rgb(51,40,59)
```
#3d2f47
```
#3d2f47 rgb(61,47,71)
```
#473753
```
#473753 rgb(71,55,83)
```
#513f5f
```
#513f5f rgb(81,63,95)
```
#5c476a
```
#5c476a rgb(92,71,106)
```
#664f76
```
#664f76 rgb(102,79,118)
```
#705782
```
#705782 rgb(112,87,130)
```
#7a5e8e
```
#7a5e8e rgb(122,94,142)
```

Shade Color Variation

#846699
```
#846699 rgb(132,102,153)
```
#8e72a1
```
#8e72a1 rgb(142,114,161)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#a08ab1
```
#a08ab1 rgb(160,138,177)
```
#aa96b9
```
#aa96b9 rgb(170,150,185)
```
#b3a1c1
```
#b3a1c1 rgb(179,161,193)
```
#bdadc8
```
#bdadc8 rgb(189,173,200)
```
#c6b9d0
```
#c6b9d0 rgb(198,185,208)
```
#d0c5d8
```
#d0c5d8 rgb(208,197,216)
```
#d9d0e0
```
#d9d0e0 rgb(217,208,224)
```
#e3dce8
```
#e3dce8 rgb(227,220,232)
```
#ece8f0
```
#ece8f0 rgb(236,232,240)
```
#f6f4f7
```
#f6f4f7 rgb(246,244,247)
```

Tint Color Variation

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

#948f98
```
#948f98 rgb(148,143,152)
```
#9686a1
```
#9686a1 rgb(150,134,161)
```
#977ea9
```
#977ea9 rgb(151,126,169)
```
#9876b1
```
#9876b1 rgb(152,118,177)
```
#9a6dba
```
#9a6dba rgb(154,109,186)
```
#9b65c2
```
#9b65c2 rgb(155,101,194)
```
#9c5dca
```
#9c5dca rgb(156,93,202)
```
#9e55d2
```
#9e55d2 rgb(158,85,210)
```
#9f4cdb
```
#9f4cdb rgb(159,76,219)
```
#a044e3
```
#a044e3 rgb(160,68,227)
```
#a23ceb
```
#a23ceb rgb(162,60,235)
```
#a334f3
```
#a334f3 rgb(163,52,243)
```
#a42bfc
```
#a42bfc rgb(164,43,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#8d8890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838cb2 Protanopia 1% of men
#8a8aab Deuteranopia 1% of men
#978993 Tritanopia 0.001% of the population

Trichromacy

#8a87ae Protanomaly 1% of men, 0.01% of women
#8f86aa Deuteranomaly 6% of men, 0.4% of women
#97859b Tritanomaly 0.01% of the population

#977ea9 hex color

#977ea9 Color Information

#977ea9 Color Conversion

Color Schemes with #977ea9

Alternatives to #977ea9

#977ea9 Preview

Shades and Tints of #977ea9

Tones of #977ea9

Color Blindness Simulator