#977ec5 hex color

In a RGB color space, hex #977ec5 is composed of 59.2% red, 49.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 36% magenta, 0% yellow and 22.7% black. It has a hue angle of 261.1 degrees, a saturation of 38% and a lightness of 63.3%. #977ec5 color hex could be obtained by blending #fffcff with #2f008b. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 49
- B 77
RGB color chart
- C 23
- M 36
- Y 0
- K 23
CMYK color chart

● #977ec5 color description : Slightly desaturated violet.

The hexadecimal color #977ec5 has RGB values of R:151, G:126, B:197 and CMYK values of C:0.23, M:0.36, Y:0, K:0.23. Its decimal value is 9928389.

Hex triplet	977ec5	`#977ec5`
RGB Decimal	151, 126, 197	`rgb(151,126,197)`
RGB Percent	59.2, 49.4, 77.3	`rgb(59.2%,49.4%,77.3%)`
CMYK	23, 36, 0, 23
HSL	261.1°, 38, 63.3	`hsl(261.1,38%,63.3%)`
HSV (or HSB)	261.1°, 36, 77.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.59, 24.362, -33.506
XYZ	30.3, 25.532, 56.152
xyY	0.271, 0.228, 25.532
CIE-LCH	57.59, 41.426, 306.021
CIE-LUV	57.59, 7.86, -54.901
Hunter-Lab	50.529, 18.61, -30.517
Binary	10010111, 01111110, 11000101

#977ec5
```
#977ec5 rgb(151,126,197)
```
#acc57e
```
#acc57e rgb(172,197,126)
```

Complementary Color

#7e89c5
```
#7e89c5 rgb(126,137,197)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#bb7ec5
```
#bb7ec5 rgb(187,126,197)
```

Analogous Color

#89c57e
```
#89c57e rgb(137,197,126)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#c5bb7e
```
#c5bb7e rgb(197,187,126)
```

Split Complementary Color

#7ec597
```
#7ec597 rgb(126,197,151)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#c5977e
```
#c5977e rgb(197,151,126)
```

Triadic Color

#7eacc5
```
#7eacc5 rgb(126,172,197)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#c5977e
```
#c5977e rgb(197,151,126)
```
#acc57e
```
#acc57e rgb(172,197,126)
```

Tetradic Color

#6d4caa
```
#6d4caa rgb(109,76,170)
```
#7b5bb5
```
#7b5bb5 rgb(123,91,181)
```
#896cbd
```
#896cbd rgb(137,108,189)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#a590cd
```
#a590cd rgb(165,144,205)
```
#b3a1d5
```
#b3a1d5 rgb(179,161,213)
```
#c2b3dd
```
#c2b3dd rgb(194,179,221)
```

Monochromatic Color

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

#857ec5
```
#857ec5 rgb(133,126,197)
```
#8b7ec5
```
#8b7ec5 rgb(139,126,197)
```
#917ec5
```
#917ec5 rgb(145,126,197)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#9d7ec5
```
#9d7ec5 rgb(157,126,197)
```
#a37ec5
```
#a37ec5 rgb(163,126,197)
```
#a97ec5
```
#a97ec5 rgb(169,126,197)
```

Similar Colors

Text with hexadecimal color #977ec5

This text has a font color of #977ec5.

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

#977ec5 background color

This paragraph has a background color of #977ec5.

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

#977ec5 border color

This element has a border color of #977ec5.

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

CSS codes

.text {color:#977ec5;}

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

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0d0914
```
#0d0914 rgb(13,9,20)
```
#150f21
```
#150f21 rgb(21,15,33)
```
#1e152f
```
#1e152f rgb(30,21,47)
```
#271b3c
```
#271b3c rgb(39,27,60)
```
#30214a
```
#30214a rgb(48,33,74)
```
#382758
```
#382758 rgb(56,39,88)
```
#412d65
```
#412d65 rgb(65,45,101)
```
#4a3473
```
#4a3473 rgb(74,52,115)
```
#523a80
```
#523a80 rgb(82,58,128)
```
#5b408e
```
#5b408e rgb(91,64,142)
```
#64469b
```
#64469b rgb(100,70,155)
```
#6d4ca9
```
#6d4ca9 rgb(109,76,169)
```

Shade Color Variation

#7655b3
```
#7655b3 rgb(118,85,179)
```
#8163b9
```
#8163b9 rgb(129,99,185)
```
#8c70bf
```
#8c70bf rgb(140,112,191)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#a28ccb
```
#a28ccb rgb(162,140,203)
```
#ad99d1
```
#ad99d1 rgb(173,153,209)
```
#b8a7d7
```
#b8a7d7 rgb(184,167,215)
```
#c3b4dd
```
#c3b4dd rgb(195,180,221)
```
#cec2e3
```
#cec2e3 rgb(206,194,227)
```
#d8cfea
```
#d8cfea rgb(216,207,234)
```
#e3ddf0
```
#e3ddf0 rgb(227,221,240)
```
#eeeaf6
```
#eeeaf6 rgb(238,234,246)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

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

#a09ba8
```
#a09ba8 rgb(160,155,168)
```
#9d94af
```
#9d94af rgb(157,148,175)
```
#9b8cb7
```
#9b8cb7 rgb(155,140,183)
```
#9985be
```
#9985be rgb(153,133,190)
```
#977ec5
```
#977ec5 rgb(151,126,197)
```
#9577cc
```
#9577cc rgb(149,119,204)
```
#9370d3
```
#9370d3 rgb(147,112,211)
```
#9168db
```
#9168db rgb(145,104,219)
```
#8e61e2
```
#8e61e2 rgb(142,97,226)
```
#8c5ae9
```
#8c5ae9 rgb(140,90,233)
```
#8a53f0
```
#8a53f0 rgb(138,83,240)
```
#884cf7
```
#884cf7 rgb(136,76,247)
```
#8644ff
```
#8644ff rgb(134,68,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#908b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#788ece Protanopia 1% of men
#7c8ec4 Deuteranopia 1% of men
#928e99 Tritanopia 0.001% of the population

Trichromacy

#8388cb Protanomaly 1% of men, 0.01% of women
#8688c4 Deuteranomaly 6% of men, 0.4% of women
#9388a9 Tritanomaly 0.01% of the population

#977ec5 hex color

#977ec5 Color Information

#977ec5 Color Conversion

Color Schemes with #977ec5

Alternatives to #977ec5

#977ec5 Preview

Shades and Tints of #977ec5

Tones of #977ec5

Color Blindness Simulator