#977bcc hex color

In a RGB color space, hex #977bcc is composed of 59.2% red, 48.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 39.7% magenta, 0% yellow and 20% black. It has a hue angle of 260.7 degrees, a saturation of 44.3% and a lightness of 64.1%. #977bcc color hex could be obtained by blending #fff6ff with #2f0099. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 80
RGB color chart
- C 26
- M 40
- Y 0
- K 20
CMYK color chart

● #977bcc color description : Slightly desaturated violet.

The hexadecimal color #977bcc has RGB values of R:151, G:123, B:204 and CMYK values of C:0.26, M:0.4, Y:0, K:0.2. Its decimal value is 9927628.

Hex triplet	977bcc	`#977bcc`
RGB Decimal	151, 123, 204	`rgb(151,123,204)`
RGB Percent	59.2, 48.2, 80	`rgb(59.2%,48.2%,80%)`
CMYK	26, 40, 0, 20
HSL	260.7°, 44.3, 64.1	`hsl(260.7,44.3%,64.1%)`
HSV (or HSB)	260.7°, 39.7, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.177, 27.799, -38.118
XYZ	30.743, 25.105, 60.35
xyY	0.265, 0.216, 25.105
CIE-LCH	57.177, 47.178, 306.102
CIE-LUV	57.177, 8.299, -62.673
Hunter-Lab	50.105, 21.839, -36.339
Binary	10010111, 01111011, 11001100

#977bcc
```
#977bcc rgb(151,123,204)
```
#b0cc7b
```
#b0cc7b rgb(176,204,123)
```

Complementary Color

#7b88cc
```
#7b88cc rgb(123,136,204)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#c07bcc
```
#c07bcc rgb(192,123,204)
```

Analogous Color

#88cc7b
```
#88cc7b rgb(136,204,123)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#ccc07b
```
#ccc07b rgb(204,192,123)
```

Split Complementary Color

#7bcc97
```
#7bcc97 rgb(123,204,151)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#cc977b
```
#cc977b rgb(204,151,123)
```

Triadic Color

#7bb0cc
```
#7bb0cc rgb(123,176,204)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#cc977b
```
#cc977b rgb(204,151,123)
```
#b0cc7b
```
#b0cc7b rgb(176,204,123)
```

Tetradic Color

#6c46b5
```
#6c46b5 rgb(108,70,181)
```
#7a56be
```
#7a56be rgb(122,86,190)
```
#8969c5
```
#8969c5 rgb(137,105,197)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#a58dd3
```
#a58dd3 rgb(165,141,211)
```
#b4a0da
```
#b4a0da rgb(180,160,218)
```
#c2b2e1
```
#c2b2e1 rgb(194,178,225)
```

Monochromatic Color

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

#837bcc
```
#837bcc rgb(131,123,204)
```
#8a7bcc
```
#8a7bcc rgb(138,123,204)
```
#907bcc
```
#907bcc rgb(144,123,204)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#9e7bcc
```
#9e7bcc rgb(158,123,204)
```
#a57bcc
```
#a57bcc rgb(165,123,204)
```
#ab7bcc
```
#ab7bcc rgb(171,123,204)
```

Similar Colors

Text with hexadecimal color #977bcc

This text has a font color of #977bcc.

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

#977bcc background color

This paragraph has a background color of #977bcc.

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

#977bcc border color

This element has a border color of #977bcc.

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

CSS codes

.text {color:#977bcc;}

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

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

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

#060409
```
#060409 rgb(6,4,9)
```
#0e0918
```
#0e0918 rgb(14,9,24)
```
#170f26
```
#170f26 rgb(23,15,38)
```
#1f1434
```
#1f1434 rgb(31,20,52)
```
#281a42
```
#281a42 rgb(40,26,66)
```
#301f50
```
#301f50 rgb(48,31,80)
```
#38245e
```
#38245e rgb(56,36,94)
```
#412a6d
```
#412a6d rgb(65,42,109)
```
#492f7b
```
#492f7b rgb(73,47,123)
```
#523589
```
#523589 rgb(82,53,137)
```
#5a3a97
```
#5a3a97 rgb(90,58,151)
```
#6340a5
```
#6340a5 rgb(99,64,165)
```
#6b45b3
```
#6b45b3 rgb(107,69,179)
```

Shade Color Variation

#7651bc
```
#7651bc rgb(118,81,188)
```
#815fc1
```
#815fc1 rgb(129,95,193)
```
#8c6dc7
```
#8c6dc7 rgb(140,109,199)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#a289d1
```
#a289d1 rgb(162,137,209)
```
#ad97d7
```
#ad97d7 rgb(173,151,215)
```
#b8a5dc
```
#b8a5dc rgb(184,165,220)
```
#c4b4e2
```
#c4b4e2 rgb(196,180,226)
```
#cfc2e7
```
#cfc2e7 rgb(207,194,231)
```
#dad0ed
```
#dad0ed rgb(218,208,237)
```
#e5def2
```
#e5def2 rgb(229,222,242)
```
#f0ecf8
```
#f0ecf8 rgb(240,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#a29ea9
```
#a29ea9 rgb(162,158,169)
```
#a097b0
```
#a097b0 rgb(160,151,176)
```
#9e90b7
```
#9e90b7 rgb(158,144,183)
```
#9b89be
```
#9b89be rgb(155,137,190)
```
#9982c5
```
#9982c5 rgb(153,130,197)
```
#977bcc
```
#977bcc rgb(151,123,204)
```
#9574d3
```
#9574d3 rgb(149,116,211)
```
#936dda
```
#936dda rgb(147,109,218)
```
#9066e1
```
#9066e1 rgb(144,102,225)
```
#8e5fe8
```
#8e5fe8 rgb(142,95,232)
```
#8c58ef
```
#8c58ef rgb(140,88,239)
```
#8a51f6
```
#8a51f6 rgb(138,81,246)
```
#884afd
```
#884afd rgb(136,74,253)
```

Tone Color Variation

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

Dichromacy

#718cd6 Protanopia 1% of men
#758eca Deuteranopia 1% of men
#908e98 Tritanopia 0.001% of the population

Trichromacy

#7f86d2 Protanomaly 1% of men, 0.01% of women
#8187ca Deuteranomaly 6% of men, 0.4% of women
#9287ab Tritanomaly 0.01% of the population

#977bcc hex color

#977bcc Color Information

#977bcc Color Conversion

Color Schemes with #977bcc

Alternatives to #977bcc

#977bcc Preview

Shades and Tints of #977bcc

Tones of #977bcc

Color Blindness Simulator