#977ba7 hex color

In a RGB color space, hex #977ba7 is composed of 59.2% red, 48.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 26.3% magenta, 0% yellow and 34.5% black. It has a hue angle of 278.2 degrees, a saturation of 20% and a lightness of 56.9%. #977ba7 color hex could be obtained by blending #fff6ff with #2f004f. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 48
- B 65
RGB color chart
- C 10
- M 26
- Y 0
- K 35
CMYK color chart

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

The hexadecimal color #977ba7 has RGB values of R:151, G:123, B:167 and CMYK values of C:0.1, M:0.26, Y:0, K:0.35. Its decimal value is 9927591.

Hex triplet	977ba7	`#977ba7`
RGB Decimal	151, 123, 167	`rgb(151,123,167)`
RGB Percent	59.2, 48.2, 65.5	`rgb(59.2%,48.2%,65.5%)`
CMYK	10, 26, 0, 35
HSL	278.2°, 20, 56.9	`hsl(278.2,20%,56.9%)`
HSV (or HSB)	278.2°, 26.3, 65.5
Web Safe	996699	`#996699`

CIE-LAB	55.62, 19.244, -19.383
XYZ	26.819, 23.536, 39.687
xyY	0.298, 0.261, 23.536
CIE-LCH	55.62, 27.313, 314.794
CIE-LUV	55.62, 12.424, -31.651
Hunter-Lab	48.513, 13.781, -14.543
Binary	10010111, 01111011, 10100111

#977ba7
```
#977ba7 rgb(151,123,167)
```
#8ba77b
```
#8ba77b rgb(139,167,123)
```

Complementary Color

#817ba7
```
#817ba7 rgb(129,123,167)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a77ba1
```
#a77ba1 rgb(167,123,161)
```

Analogous Color

#7ba781
```
#7ba781 rgb(123,167,129)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a1a77b
```
#a1a77b rgb(161,167,123)
```

Split Complementary Color

#7ba797
```
#7ba797 rgb(123,167,151)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a7977b
```
#a7977b rgb(167,151,123)
```

Triadic Color

#7b8ba7
```
#7b8ba7 rgb(123,139,167)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a7977b
```
#a7977b rgb(167,151,123)
```
#8ba77b
```
#8ba77b rgb(139,167,123)
```

Tetradic Color

#715580
```
#715580 rgb(113,85,128)
```
#7e608f
```
#7e608f rgb(126,96,143)
```
#8b6c9d
```
#8b6c9d rgb(139,108,157)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a38ab1
```
#a38ab1 rgb(163,138,177)
```
#af9abb
```
#af9abb rgb(175,154,187)
```
#bba9c6
```
#bba9c6 rgb(187,169,198)
```

Monochromatic Color

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

#8c7ba7
```
#8c7ba7 rgb(140,123,167)
```
#907ba7
```
#907ba7 rgb(144,123,167)
```
#937ba7
```
#937ba7 rgb(147,123,167)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#9b7ba7
```
#9b7ba7 rgb(155,123,167)
```
#9e7ba7
```
#9e7ba7 rgb(158,123,167)
```
#a27ba7
```
#a27ba7 rgb(162,123,167)
```

Similar Colors

Text with hexadecimal color #977ba7

This text has a font color of #977ba7.

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

#977ba7 background color

This paragraph has a background color of #977ba7.

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

#977ba7 border color

This element has a border color of #977ba7.

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

CSS codes

.text {color:#977ba7;}

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

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

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

#080609
```
#080609 rgb(8,6,9)
```
#120e15
```
#120e15 rgb(18,14,21)
```
#1d1621
```
#1d1621 rgb(29,22,33)
```
#271e2d
```
#271e2d rgb(39,30,45)
```
#312638
```
#312638 rgb(49,38,56)
```
#3c2d44
```
#3c2d44 rgb(60,45,68)
```
#463550
```
#463550 rgb(70,53,80)
```
#513d5c
```
#513d5c rgb(81,61,92)
```
#5b4567
```
#5b4567 rgb(91,69,103)
```
#654d73
```
#654d73 rgb(101,77,115)
```
#70557f
```
#70557f rgb(112,85,127)
```
#7a5c8b
```
#7a5c8b rgb(122,92,139)
```
#846496
```
#846496 rgb(132,100,150)
```

Shade Color Variation

#8e6f9f
```
#8e6f9f rgb(142,111,159)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#a087af
```
#a087af rgb(160,135,175)
```
#aa93b7
```
#aa93b7 rgb(170,147,183)
```
#b39ebf
```
#b39ebf rgb(179,158,191)
```
#bcaac6
```
#bcaac6 rgb(188,170,198)
```
#c5b6ce
```
#c5b6ce rgb(197,182,206)
```
#cfc2d6
```
#cfc2d6 rgb(207,194,214)
```
#d8cdde
```
#d8cdde rgb(216,205,222)
```
#e1d9e6
```
#e1d9e6 rgb(225,217,230)
```
#eae5ee
```
#eae5ee rgb(234,229,238)
```
#f4f1f5
```
#f4f1f5 rgb(244,241,245)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#928c96
```
#928c96 rgb(146,140,150)
```
#95839f
```
#95839f rgb(149,131,159)
```
#977ba7
```
#977ba7 rgb(151,123,167)
```
#9973af
```
#9973af rgb(153,115,175)
```
#9c6ab8
```
#9c6ab8 rgb(156,106,184)
```
#9e62c0
```
#9e62c0 rgb(158,98,192)
```
#a059c9
```
#a059c9 rgb(160,89,201)
```
#a351d1
```
#a351d1 rgb(163,81,209)
```
#a548da
```
#a548da rgb(165,72,218)
```
#a740e2
```
#a740e2 rgb(167,64,226)
```
#a937eb
```
#a937eb rgb(169,55,235)
```
#ac2ff3
```
#ac2ff3 rgb(172,47,243)
```
#ae26fc
```
#ae26fc rgb(174,38,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8b858e Atypical Achromatopsia 0.001% of the population

Dichromacy

#808ab0 Protanopia 1% of men
#8888a9 Deuteranopia 1% of men
#978790 Tritanopia 0.001% of the population

Trichromacy

#8884ad Protanomaly 1% of men, 0.01% of women
#8d83a8 Deuteranomaly 6% of men, 0.4% of women
#978298 Tritanomaly 0.01% of the population

#977ba7 hex color

#977ba7 Color Information

#977ba7 Color Conversion

Color Schemes with #977ba7

Alternatives to #977ba7

#977ba7 Preview

Shades and Tints of #977ba7

Tones of #977ba7

Color Blindness Simulator