#977fb4 hex color

In a RGB color space, hex #977fb4 is composed of 59.2% red, 49.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 29.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 267.2 degrees, a saturation of 26.1% and a lightness of 60.2%. #977fb4 color hex could be obtained by blending #fffeff with #2f0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 50
- B 71
RGB color chart
- C 16
- M 29
- Y 0
- K 29
CMYK color chart

● #977fb4 color description : Slightly desaturated violet.

The hexadecimal color #977fb4 has RGB values of R:151, G:127, B:180 and CMYK values of C:0.16, M:0.29, Y:0, K:0.29. Its decimal value is 9928628.

Hex triplet	977fb4	`#977fb4`
RGB Decimal	151, 127, 180	`rgb(151,127,180)`
RGB Percent	59.2, 49.8, 70.6	`rgb(59.2%,49.8%,70.6%)`
CMYK	16, 29, 0, 29
HSL	267.2°, 26.1, 60.2	`hsl(267.2,26.1%,60.2%)`
HSV (or HSB)	267.2°, 29.4, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.128, 19.803, -24.538
XYZ	28.589, 25.054, 46.507
xyY	0.285, 0.25, 25.054
CIE-LCH	57.128, 31.533, 308.905
CIE-LUV	57.128, 9.213, -39.941
Hunter-Lab	50.053, 14.359, -20.052
Binary	10010111, 01111111, 10110100

#977fb4
```
#977fb4 rgb(151,127,180)
```
#9cb47f
```
#9cb47f rgb(156,180,127)
```

Complementary Color

#7f82b4
```
#7f82b4 rgb(127,130,180)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#b27fb4
```
#b27fb4 rgb(178,127,180)
```

Analogous Color

#82b47f
```
#82b47f rgb(130,180,127)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#b4b27f
```
#b4b27f rgb(180,178,127)
```

Split Complementary Color

#7fb497
```
#7fb497 rgb(127,180,151)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#b4977f
```
#b4977f rgb(180,151,127)
```

Triadic Color

#7f9cb4
```
#7f9cb4 rgb(127,156,180)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#b4977f
```
#b4977f rgb(180,151,127)
```
#9cb47f
```
#9cb47f rgb(156,180,127)
```

Tetradic Color

#705591
```
#705591 rgb(112,85,145)
```
#7d5fa1
```
#7d5fa1 rgb(125,95,161)
```
#8a6fab
```
#8a6fab rgb(138,111,171)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#a48fbd
```
#a48fbd rgb(164,143,189)
```
#b19fc7
```
#b19fc7 rgb(177,159,199)
```
#beafd0
```
#beafd0 rgb(190,175,208)
```

Monochromatic Color

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

#8a7fb4
```
#8a7fb4 rgb(138,127,180)
```
#8e7fb4
```
#8e7fb4 rgb(142,127,180)
```
#937fb4
```
#937fb4 rgb(147,127,180)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#9b7fb4
```
#9b7fb4 rgb(155,127,180)
```
#a07fb4
```
#a07fb4 rgb(160,127,180)
```
#a47fb4
```
#a47fb4 rgb(164,127,180)
```

Similar Colors

Text with hexadecimal color #977fb4

This text has a font color of #977fb4.

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

#977fb4 background color

This paragraph has a background color of #977fb4.

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

#977fb4 border color

This element has a border color of #977fb4.

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

CSS codes

.text {color:#977fb4;}

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

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

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

#060508
```
#060508 rgb(6,5,8)
```
#100c14
```
#100c14 rgb(16,12,20)
```
#191321
```
#191321 rgb(25,19,33)
```
#231a2d
```
#231a2d rgb(35,26,45)
```
#2c223a
```
#2c223a rgb(44,34,58)
```
#362946
```
#362946 rgb(54,41,70)
```
#403052
```
#403052 rgb(64,48,82)
```
#49375f
```
#49375f rgb(73,55,95)
```
#533f6b
```
#533f6b rgb(83,63,107)
```
#5c4677
```
#5c4677 rgb(92,70,119)
```
#664d84
```
#664d84 rgb(102,77,132)
```
#6f5490
```
#6f5490 rgb(111,84,144)
```
#795c9c
```
#795c9c rgb(121,92,156)
```

Shade Color Variation

#8366a6
```
#8366a6 rgb(131,102,166)
```
#8d73ad
```
#8d73ad rgb(141,115,173)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#a18bbb
```
#a18bbb rgb(161,139,187)
```
#ab98c2
```
#ab98c2 rgb(171,152,194)
```
#b5a4ca
```
#b5a4ca rgb(181,164,202)
```
#bfb0d1
```
#bfb0d1 rgb(191,176,209)
```
#c9bdd8
```
#c9bdd8 rgb(201,189,216)
```
#d3c9df
```
#d3c9df rgb(211,201,223)
```
#ddd6e7
```
#ddd6e7 rgb(221,214,231)
```
#e7e2ee
```
#e7e2ee rgb(231,226,238)
```
#f1eef5
```
#f1eef5 rgb(241,238,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#99969d
```
#99969d rgb(153,150,157)
```
#988fa4
```
#988fa4 rgb(152,143,164)
```
#9887ac
```
#9887ac rgb(152,135,172)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#9677bc
```
#9677bc rgb(150,119,188)
```
#966fc4
```
#966fc4 rgb(150,111,196)
```
#9568cb
```
#9568cb rgb(149,104,203)
```
#9460d3
```
#9460d3 rgb(148,96,211)
```
#9358db
```
#9358db rgb(147,88,219)
```
#9350e3
```
#9350e3 rgb(147,80,227)
```
#9248eb
```
#9248eb rgb(146,72,235)
```
#9141f2
```
#9141f2 rgb(145,65,242)
```
#9039fa
```
#9039fa rgb(144,57,250)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#8e8994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808dbd Protanopia 1% of men
#868db5 Deuteranopia 1% of men
#958c96 Tritanopia 0.001% of the population

Trichromacy

#8888b9 Protanomaly 1% of men, 0.01% of women
#8c87b4 Deuteranomaly 6% of men, 0.4% of women
#9687a1 Tritanomaly 0.01% of the population

#977fb4 hex color

#977fb4 Color Information

#977fb4 Color Conversion

Color Schemes with #977fb4

Alternatives to #977fb4

#977fb4 Preview

Shades and Tints of #977fb4

Tones of #977fb4

Color Blindness Simulator