#977fb8 hex color

In a RGB color space, hex #977fb8 is composed of 59.2% red, 49.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 31% magenta, 0% yellow and 27.8% black. It has a hue angle of 265.3 degrees, a saturation of 28.6% and a lightness of 61%. #977fb8 color hex could be obtained by blending #fffeff with #2f0071. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 50
- B 72
RGB color chart
- C 18
- M 31
- Y 0
- K 28
CMYK color chart

● #977fb8 color description : Slightly desaturated violet.

The hexadecimal color #977fb8 has RGB values of R:151, G:127, B:184 and CMYK values of C:0.18, M:0.31, Y:0, K:0.28. Its decimal value is 9928632.

Hex triplet	977fb8	`#977fb8`
RGB Decimal	151, 127, 184	`rgb(151,127,184)`
RGB Percent	59.2, 49.8, 72.2	`rgb(59.2%,49.8%,72.2%)`
CMYK	18, 31, 0, 28
HSL	265.3°, 28.6, 61	`hsl(265.3,28.6%,61%)`
HSV (or HSB)	265.3°, 31, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.288, 20.719, -26.576
XYZ	29.002, 25.219, 48.685
xyY	0.282, 0.245, 25.219
CIE-LCH	57.288, 33.698, 307.939
CIE-LUV	57.288, 8.797, -43.31
Hunter-Lab	50.218, 15.205, -22.326
Binary	10010111, 01111111, 10111000

#977fb8
```
#977fb8 rgb(151,127,184)
```
#a0b87f
```
#a0b87f rgb(160,184,127)
```

Complementary Color

#7f84b8
```
#7f84b8 rgb(127,132,184)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#b47fb8
```
#b47fb8 rgb(180,127,184)
```

Analogous Color

#84b87f
```
#84b87f rgb(132,184,127)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#b8b47f
```
#b8b47f rgb(184,180,127)
```

Split Complementary Color

#7fb897
```
#7fb897 rgb(127,184,151)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#b8977f
```
#b8977f rgb(184,151,127)
```

Triadic Color

#7fa0b8
```
#7fa0b8 rgb(127,160,184)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#b8977f
```
#b8977f rgb(184,151,127)
```
#a0b87f
```
#a0b87f rgb(160,184,127)
```

Tetradic Color

#705497
```
#705497 rgb(112,84,151)
```
#7c5ea6
```
#7c5ea6 rgb(124,94,166)
```
#8a6faf
```
#8a6faf rgb(138,111,175)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#a48fc1
```
#a48fc1 rgb(164,143,193)
```
#b2a0ca
```
#b2a0ca rgb(178,160,202)
```
#bfb0d3
```
#bfb0d3 rgb(191,176,211)
```

Monochromatic Color

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

#897fb8
```
#897fb8 rgb(137,127,184)
```
#8e7fb8
```
#8e7fb8 rgb(142,127,184)
```
#927fb8
```
#927fb8 rgb(146,127,184)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#9c7fb8
```
#9c7fb8 rgb(156,127,184)
```
#a17fb8
```
#a17fb8 rgb(161,127,184)
```
#a57fb8
```
#a57fb8 rgb(165,127,184)
```

Similar Colors

Text with hexadecimal color #977fb8

This text has a font color of #977fb8.

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

#977fb8 background color

This paragraph has a background color of #977fb8.

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

#977fb8 border color

This element has a border color of #977fb8.

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

CSS codes

.text {color:#977fb8;}

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

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

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, #08060b is the darkest color, while #fefdfe is the lightest one.

#08060b
```
#08060b rgb(8,6,11)
```
#110d17
```
#110d17 rgb(17,13,23)
```
#1b1424
```
#1b1424 rgb(27,20,36)
```
#241b31
```
#241b31 rgb(36,27,49)
```
#2d223d
```
#2d223d rgb(45,34,61)
```
#37294a
```
#37294a rgb(55,41,74)
```
#403056
```
#403056 rgb(64,48,86)
```
#4a3763
```
#4a3763 rgb(74,55,99)
```
#533e70
```
#533e70 rgb(83,62,112)
```
#5c457c
```
#5c457c rgb(92,69,124)
```
#664c89
```
#664c89 rgb(102,76,137)
```
#6f5396
```
#6f5396 rgb(111,83,150)
```
#785aa2
```
#785aa2 rgb(120,90,162)
```

Shade Color Variation

#8266aa
```
#8266aa rgb(130,102,170)
```
#8d72b1
```
#8d72b1 rgb(141,114,177)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#a18cbf
```
#a18cbf rgb(161,140,191)
```
#ac98c6
```
#ac98c6 rgb(172,152,198)
```
#b6a5cd
```
#b6a5cd rgb(182,165,205)
```
#c0b1d4
```
#c0b1d4 rgb(192,177,212)
```
#cabedb
```
#cabedb rgb(202,190,219)
```
#d5cbe2
```
#d5cbe2 rgb(213,203,226)
```
#dfd7e9
```
#dfd7e9 rgb(223,215,233)
```
#e9e4f0
```
#e9e4f0 rgb(233,228,240)
```
#f3f1f7
```
#f3f1f7 rgb(243,241,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#9b96a1
```
#9b96a1 rgb(155,150,161)
```
#998ea9
```
#998ea9 rgb(153,142,169)
```
#9887b0
```
#9887b0 rgb(152,135,176)
```
#977fb8
```
#977fb8 rgb(151,127,184)
```
#9677c0
```
#9677c0 rgb(150,119,192)
```
#9570c7
```
#9570c7 rgb(149,112,199)
```
#9368cf
```
#9368cf rgb(147,104,207)
```
#9260d7
```
#9260d7 rgb(146,96,215)
```
#9159de
```
#9159de rgb(145,89,222)
```
#9051e6
```
#9051e6 rgb(144,81,230)
```
#8f49ee
```
#8f49ee rgb(143,73,238)
```
#8d42f5
```
#8d42f5 rgb(141,66,245)
```
#8c3afd
```
#8c3afd rgb(140,58,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8f8a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dc1 Protanopia 1% of men
#848db9 Deuteranopia 1% of men
#948d97 Tritanopia 0.001% of the population

Trichromacy

#8788bd Protanomaly 1% of men, 0.01% of women
#8b88b8 Deuteranomaly 6% of men, 0.4% of women
#9588a3 Tritanomaly 0.01% of the population

#977fb8 hex color

#977fb8 Color Information

#977fb8 Color Conversion

Color Schemes with #977fb8

Alternatives to #977fb8

#977fb8 Preview

Shades and Tints of #977fb8

Tones of #977fb8

Color Blindness Simulator