#977bb3 hex color

In a RGB color space, hex #977bb3 is composed of 59.2% red, 48.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 31.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 270 degrees, a saturation of 26.9% and a lightness of 59.2%. #977bb3 color hex could be obtained by blending #fff6ff with #2f0067. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 70
RGB color chart
- C 16
- M 31
- Y 0
- K 30
CMYK color chart

● #977bb3 color description : Slightly desaturated violet.

The hexadecimal color #977bb3 has RGB values of R:151, G:123, B:179 and CMYK values of C:0.16, M:0.31, Y:0, K:0.3. Its decimal value is 9927603.

Hex triplet	977bb3	`#977bb3`
RGB Decimal	151, 123, 179	`rgb(151,123,179)`
RGB Percent	59.2, 48.2, 70.2	`rgb(59.2%,48.2%,70.2%)`
CMYK	16, 31, 0, 30
HSL	270°, 26.9, 59.2	`hsl(270,26.9%,59.2%)`
HSV (or HSB)	270°, 31.3, 70.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.088, 21.893, -25.567
XYZ	27.981, 24, 45.804
xyY	0.286, 0.245, 24
CIE-LCH	56.088, 33.66, 310.573
CIE-LUV	56.088, 11.074, -41.717
Hunter-Lab	48.99, 16.219, -21.141
Binary	10010111, 01111011, 10110011

#977bb3
```
#977bb3 rgb(151,123,179)
```
#97b37b
```
#97b37b rgb(151,179,123)
```

Complementary Color

#7b7bb3
```
#7b7bb3 rgb(123,123,179)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#b37bb3
```
#b37bb3 rgb(179,123,179)
```

Analogous Color

#7bb37b
```
#7bb37b rgb(123,179,123)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#b3b37b
```
#b3b37b rgb(179,179,123)
```

Split Complementary Color

#7bb397
```
#7bb397 rgb(123,179,151)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#b3977b
```
#b3977b rgb(179,151,123)
```

Triadic Color

#7b97b3
```
#7b97b3 rgb(123,151,179)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#b3977b
```
#b3977b rgb(179,151,123)
```
#97b37b
```
#97b37b rgb(151,179,123)
```

Tetradic Color

#71528f
```
#71528f rgb(113,82,143)
```
#7e5c9f
```
#7e5c9f rgb(126,92,159)
```
#8a6baa
```
#8a6baa rgb(138,107,170)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#a48bbc
```
#a48bbc rgb(164,139,188)
```
#b19bc6
```
#b19bc6 rgb(177,155,198)
```
#bdaccf
```
#bdaccf rgb(189,172,207)
```

Monochromatic Color

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

#897bb3
```
#897bb3 rgb(137,123,179)
```
#8e7bb3
```
#8e7bb3 rgb(142,123,179)
```
#927bb3
```
#927bb3 rgb(146,123,179)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#9c7bb3
```
#9c7bb3 rgb(156,123,179)
```
#a07bb3
```
#a07bb3 rgb(160,123,179)
```
#a57bb3
```
#a57bb3 rgb(165,123,179)
```

Similar Colors

Text with hexadecimal color #977bb3

This text has a font color of #977bb3.

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

#977bb3 background color

This paragraph has a background color of #977bb3.

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

#977bb3 border color

This element has a border color of #977bb3.

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

CSS codes

.text {color:#977bb3;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a11
```
#0e0a11 rgb(14,10,17)
```
#18111e
```
#18111e rgb(24,17,30)
```
#21182a
```
#21182a rgb(33,24,42)
```
#2b2037
```
#2b2037 rgb(43,32,55)
```
#352743
```
#352743 rgb(53,39,67)
```
#3f2e50
```
#3f2e50 rgb(63,46,80)
```
#49355c
```
#49355c rgb(73,53,92)
```
#523c69
```
#523c69 rgb(82,60,105)
```
#5c4375
```
#5c4375 rgb(92,67,117)
```
#664b81
```
#664b81 rgb(102,75,129)
```
#70528e
```
#70528e rgb(112,82,142)
```
#7a599a
```
#7a599a rgb(122,89,154)
```

Shade Color Variation

#8362a5
```
#8362a5 rgb(131,98,165)
```
#8d6fac
```
#8d6fac rgb(141,111,172)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#a187ba
```
#a187ba rgb(161,135,186)
```
#ab94c1
```
#ab94c1 rgb(171,148,193)
```
#b4a0c9
```
#b4a0c9 rgb(180,160,201)
```
#beadd0
```
#beadd0 rgb(190,173,208)
```
#c8b9d7
```
#c8b9d7 rgb(200,185,215)
```
#d2c6de
```
#d2c6de rgb(210,198,222)
```
#dcd2e5
```
#dcd2e5 rgb(220,210,229)
```
#e5dfec
```
#e5dfec rgb(229,223,236)
```
#efebf4
```
#efebf4 rgb(239,235,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#97939b
```
#97939b rgb(151,147,155)
```
#978ba3
```
#978ba3 rgb(151,139,163)
```
#9783ab
```
#9783ab rgb(151,131,171)
```
#977bb3
```
#977bb3 rgb(151,123,179)
```
#9773bb
```
#9773bb rgb(151,115,187)
```
#976bc3
```
#976bc3 rgb(151,107,195)
```
#9763cb
```
#9763cb rgb(151,99,203)
```
#975bd3
```
#975bd3 rgb(151,91,211)
```
#9753db
```
#9753db rgb(151,83,219)
```
#974be3
```
#974be3 rgb(151,75,227)
```
#9743eb
```
#9743eb rgb(151,67,235)
```
#973bf3
```
#973bf3 rgb(151,59,243)
```
#9733fb
```
#9733fb rgb(151,51,251)
```

Tone Color Variation

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

Dichromacy

#7c8abd Protanopia 1% of men
#838ab4 Deuteranopia 1% of men
#958993 Tritanopia 0.001% of the population

Trichromacy

#8685b9 Protanomaly 1% of men, 0.01% of women
#8a84b3 Deuteranomaly 6% of men, 0.4% of women
#95849e Tritanomaly 0.01% of the population

#977bb3 hex color

#977bb3 Color Information

#977bb3 Color Conversion

Color Schemes with #977bb3

Alternatives to #977bb3

#977bb3 Preview

Shades and Tints of #977bb3

Tones of #977bb3

Color Blindness Simulator