#977fa8 hex color

In a RGB color space, hex #977fa8 is composed of 59.2% red, 49.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 24.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 275.1 degrees, a saturation of 19.1% and a lightness of 57.8%. #977fa8 color hex could be obtained by blending #fffeff with #2f0051. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 50
- B 66
RGB color chart
- C 10
- M 24
- Y 0
- K 34
CMYK color chart

● #977fa8 color description : Dark grayish violet.

The hexadecimal color #977fa8 has RGB values of R:151, G:127, B:168 and CMYK values of C:0.1, M:0.24, Y:0, K:0.34. Its decimal value is 9928616.

Hex triplet	977fa8	`#977fa8`
RGB Decimal	151, 127, 168	`rgb(151,127,168)`
RGB Percent	59.2, 49.8, 65.9	`rgb(59.2%,49.8%,65.9%)`
CMYK	10, 24, 0, 34
HSL	275.1°, 19.1, 57.8	`hsl(275.1,19.1%,57.8%)`
HSV (or HSB)	275.1°, 24.4, 65.9
Web Safe	996699	`#996699`

CIE-LAB	56.669, 17.144, -18.358
XYZ	27.419, 24.585, 40.345
xyY	0.297, 0.266, 24.585
CIE-LCH	56.669, 25.119, 313.042
CIE-LUV	56.669, 10.461, -29.868
Hunter-Lab	49.584, 11.935, -13.534
Binary	10010111, 01111111, 10101000

#977fa8
```
#977fa8 rgb(151,127,168)
```
#90a87f
```
#90a87f rgb(144,168,127)
```

Complementary Color

#837fa8
```
#837fa8 rgb(131,127,168)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a87fa5
```
#a87fa5 rgb(168,127,165)
```

Analogous Color

#7fa883
```
#7fa883 rgb(127,168,131)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a5a87f
```
#a5a87f rgb(165,168,127)
```

Split Complementary Color

#7fa897
```
#7fa897 rgb(127,168,151)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a8977f
```
#a8977f rgb(168,151,127)
```

Triadic Color

#7f90a8
```
#7f90a8 rgb(127,144,168)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a8977f
```
#a8977f rgb(168,151,127)
```
#90a87f
```
#90a87f rgb(144,168,127)
```

Tetradic Color

#715882
```
#715882 rgb(113,88,130)
```
#7e6391
```
#7e6391 rgb(126,99,145)
```
#8b709e
```
#8b709e rgb(139,112,158)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a38eb2
```
#a38eb2 rgb(163,142,178)
```
#b09dbd
```
#b09dbd rgb(176,157,189)
```
#bcadc7
```
#bcadc7 rgb(188,173,199)
```

Monochromatic Color

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

#8d7fa8
```
#8d7fa8 rgb(141,127,168)
```
#907fa8
```
#907fa8 rgb(144,127,168)
```
#947fa8
```
#947fa8 rgb(148,127,168)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#9a7fa8
```
#9a7fa8 rgb(154,127,168)
```
#9e7fa8
```
#9e7fa8 rgb(158,127,168)
```
#a17fa8
```
#a17fa8 rgb(161,127,168)
```

Similar Colors

Text with hexadecimal color #977fa8

This text has a font color of #977fa8.

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

#977fa8 background color

This paragraph has a background color of #977fa8.

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

#977fa8 border color

This element has a border color of #977fa8.

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

CSS codes

.text {color:#977fa8;}

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

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

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)
```
#1f1823
```
#1f1823 rgb(31,24,35)
```
#29202f
```
#29202f rgb(41,32,47)
```
#33283b
```
#33283b rgb(51,40,59)
```
#3d3047
```
#3d3047 rgb(61,48,71)
```
#473852
```
#473852 rgb(71,56,82)
```
#51405e
```
#51405e rgb(81,64,94)
```
#5c486a
```
#5c486a rgb(92,72,106)
```
#665075
```
#665075 rgb(102,80,117)
```
#705881
```
#705881 rgb(112,88,129)
```
#7a608d
```
#7a608d rgb(122,96,141)
```

Shade Color Variation

#846898
```
#846898 rgb(132,104,152)
```
#8e73a0
```
#8e73a0 rgb(142,115,160)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#a08bb0
```
#a08bb0 rgb(160,139,176)
```
#aa96b8
```
#aa96b8 rgb(170,150,184)
```
#b3a2c0
```
#b3a2c0 rgb(179,162,192)
```
#bdaec8
```
#bdaec8 rgb(189,174,200)
```
#c6b9d0
```
#c6b9d0 rgb(198,185,208)
```
#d0c5d8
```
#d0c5d8 rgb(208,197,216)
```
#d9d1e0
```
#d9d1e0 rgb(217,209,224)
```
#e3dce7
```
#e3dce7 rgb(227,220,231)
```
#ece8ef
```
#ece8ef rgb(236,232,239)
```
#f6f4f7
```
#f6f4f7 rgb(246,244,247)
```

Tint Color Variation

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

#949097
```
#949097 rgb(148,144,151)
```
#9687a0
```
#9687a0 rgb(150,135,160)
```
#977fa8
```
#977fa8 rgb(151,127,168)
```
#9877b0
```
#9877b0 rgb(152,119,176)
```
#9a6eb9
```
#9a6eb9 rgb(154,110,185)
```
#9b66c1
```
#9b66c1 rgb(155,102,193)
```
#9d5ec9
```
#9d5ec9 rgb(157,94,201)
```
#9e56d1
```
#9e56d1 rgb(158,86,209)
```
#9f4dda
```
#9f4dda rgb(159,77,218)
```
#a145e2
```
#a145e2 rgb(161,69,226)
```
#a23dea
```
#a23dea rgb(162,61,234)
```
#a435f2
```
#a435f2 rgb(164,53,242)
```
#a52cfb
```
#a52cfb rgb(165,44,251)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#8d8991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848cb0 Protanopia 1% of men
#8c8baa Deuteranopia 1% of men
#978a94 Tritanopia 0.001% of the population

Trichromacy

#8b87ad Protanomaly 1% of men, 0.01% of women
#9086a9 Deuteranomaly 6% of men, 0.4% of women
#97869b Tritanomaly 0.01% of the population

#977fa8 hex color

#977fa8 Color Information

#977fa8 Color Conversion

Color Schemes with #977fa8

Alternatives to #977fa8

#977fa8 Preview

Shades and Tints of #977fa8

Tones of #977fa8

Color Blindness Simulator