#977bb5 hex color

In a RGB color space, hex #977bb5 is composed of 59.2% red, 48.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 32% magenta, 0% yellow and 29% black. It has a hue angle of 269 degrees, a saturation of 28.2% and a lightness of 59.6%. #977bb5 color hex could be obtained by blending #fff6ff with #2f006b. Closest websafe color is: #9966cc.

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

● #977bb5 color description : Slightly desaturated violet.

The hexadecimal color #977bb5 has RGB values of R:151, G:123, B:181 and CMYK values of C:0.17, M:0.32, Y:0, K:0.29. Its decimal value is 9927605.

Hex triplet	977bb5	`#977bb5`
RGB Decimal	151, 123, 181	`rgb(151,123,181)`
RGB Percent	59.2, 48.2, 71	`rgb(59.2%,48.2%,71%)`
CMYK	17, 32, 0, 29
HSL	269°, 28.2, 59.6	`hsl(269,28.2%,59.6%)`
HSV (or HSB)	269°, 32, 71
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.169, 22.347, -26.588
XYZ	28.185, 24.082, 46.877
xyY	0.284, 0.243, 24.082
CIE-LCH	56.169, 34.732, 310.046
CIE-LUV	56.169, 10.849, -43.399
Hunter-Lab	49.073, 16.642, -22.286
Binary	10010111, 01111011, 10110101

#977bb5
```
#977bb5 rgb(151,123,181)
```
#99b57b
```
#99b57b rgb(153,181,123)
```

Complementary Color

#7b7cb5
```
#7b7cb5 rgb(123,124,181)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#b47bb5
```
#b47bb5 rgb(180,123,181)
```

Analogous Color

#7cb57b
```
#7cb57b rgb(124,181,123)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#b5b47b
```
#b5b47b rgb(181,180,123)
```

Split Complementary Color

#7bb597
```
#7bb597 rgb(123,181,151)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#b5977b
```
#b5977b rgb(181,151,123)
```

Triadic Color

#7b99b5
```
#7b99b5 rgb(123,153,181)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#b5977b
```
#b5977b rgb(181,151,123)
```
#99b57b
```
#99b57b rgb(153,181,123)
```

Tetradic Color

#715292
```
#715292 rgb(113,82,146)
```
#7d5ba2
```
#7d5ba2 rgb(125,91,162)
```
#8a6bac
```
#8a6bac rgb(138,107,172)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#a48bbe
```
#a48bbe rgb(164,139,190)
```
#b19cc7
```
#b19cc7 rgb(177,156,199)
```
#beacd0
```
#beacd0 rgb(190,172,208)
```

Monochromatic Color

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

#897bb5
```
#897bb5 rgb(137,123,181)
```
#8d7bb5
```
#8d7bb5 rgb(141,123,181)
```
#927bb5
```
#927bb5 rgb(146,123,181)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#9c7bb5
```
#9c7bb5 rgb(156,123,181)
```
#a17bb5
```
#a17bb5 rgb(161,123,181)
```
#a67bb5
```
#a67bb5 rgb(166,123,181)
```

Similar Colors

Text with hexadecimal color #977bb5

This text has a font color of #977bb5.

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

#977bb5 background color

This paragraph has a background color of #977bb5.

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

#977bb5 border color

This element has a border color of #977bb5.

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

CSS codes

.text {color:#977bb5;}

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

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

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)
```
#0f0b13
```
#0f0b13 rgb(15,11,19)
```
#18121f
```
#18121f rgb(24,18,31)
```
#22192c
```
#22192c rgb(34,25,44)
```
#2c2039
```
#2c2039 rgb(44,32,57)
```
#352745
```
#352745 rgb(53,39,69)
```
#3f2e52
```
#3f2e52 rgb(63,46,82)
```
#49355e
```
#49355e rgb(73,53,94)
```
#533c6b
```
#533c6b rgb(83,60,107)
```
#5c4377
```
#5c4377 rgb(92,67,119)
```
#664a84
```
#664a84 rgb(102,74,132)
```
#705191
```
#705191 rgb(112,81,145)
```
#79589d
```
#79589d rgb(121,88,157)
```

Shade Color Variation

#8362a7
```
#8362a7 rgb(131,98,167)
```
#8d6eae
```
#8d6eae rgb(141,110,174)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#a188bc
```
#a188bc rgb(161,136,188)
```
#ab94c3
```
#ab94c3 rgb(171,148,195)
```
#b5a1ca
```
#b5a1ca rgb(181,161,202)
```
#bfadd1
```
#bfadd1 rgb(191,173,209)
```
#c9bad8
```
#c9bad8 rgb(201,186,216)
```
#d2c6df
```
#d2c6df rgb(210,198,223)
```
#dcd3e6
```
#dcd3e6 rgb(220,211,230)
```
#e6e0ed
```
#e6e0ed rgb(230,224,237)
```
#f0ecf4
```
#f0ecf4 rgb(240,236,244)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#98939d
```
#98939d rgb(152,147,157)
```
#988ba5
```
#988ba5 rgb(152,139,165)
```
#9783ad
```
#9783ad rgb(151,131,173)
```
#977bb5
```
#977bb5 rgb(151,123,181)
```
#9773bd
```
#9773bd rgb(151,115,189)
```
#966bc5
```
#966bc5 rgb(150,107,197)
```
#9663cd
```
#9663cd rgb(150,99,205)
```
#965bd5
```
#965bd5 rgb(150,91,213)
```
#9653dd
```
#9653dd rgb(150,83,221)
```
#954be5
```
#954be5 rgb(149,75,229)
```
#9544ec
```
#9544ec rgb(149,68,236)
```
#953cf4
```
#953cf4 rgb(149,60,244)
```
#9534fc
```
#9534fc rgb(149,52,252)
```

Tone Color Variation

Below, you can see how #977bb5 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
#8d8793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8bbf Protanopia 1% of men
#828ab5 Deuteranopia 1% of men
#958993 Tritanopia 0.001% of the population

Trichromacy

#8585bb Protanomaly 1% of men, 0.01% of women
#8985b5 Deuteranomaly 6% of men, 0.4% of women
#95849f Tritanomaly 0.01% of the population

#977bb5 hex color

#977bb5 Color Information

#977bb5 Color Conversion

Color Schemes with #977bb5

Alternatives to #977bb5

#977bb5 Preview

Shades and Tints of #977bb5

Tones of #977bb5

Color Blindness Simulator