#977ed7 hex color

In a RGB color space, hex #977ed7 is composed of 59.2% red, 49.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 41.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 256.9 degrees, a saturation of 52.7% and a lightness of 66.9%. #977ed7 color hex could be obtained by blending #fffcff with #2f00af. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 49
- B 84
RGB color chart
- C 30
- M 41
- Y 0
- K 16
CMYK color chart

● #977ed7 color description : Slightly desaturated violet.

The hexadecimal color #977ed7 has RGB values of R:151, G:126, B:215 and CMYK values of C:0.3, M:0.41, Y:0, K:0.16. Its decimal value is 9928407.

Hex triplet	977ed7	`#977ed7`
RGB Decimal	151, 126, 215	`rgb(151,126,215)`
RGB Percent	59.2, 49.4, 84.3	`rgb(59.2%,49.4%,84.3%)`
CMYK	30, 41, 0, 16
HSL	256.9°, 52.7, 66.9	`hsl(256.9,52.7%,66.9%)`
HSV (or HSB)	256.9°, 41.4, 84.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.422, 28.808, -42.366
XYZ	32.487, 26.407, 67.672
xyY	0.257, 0.209, 26.407
CIE-LCH	58.422, 51.233, 304.215
CIE-LUV	58.422, 6, -69.912
Hunter-Lab	51.388, 22.917, -42.106
Binary	10010111, 01111110, 11010111

#977ed7
```
#977ed7 rgb(151,126,215)
```
#bed77e
```
#bed77e rgb(190,215,126)
```

Complementary Color

#7e92d7
```
#7e92d7 rgb(126,146,215)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#c47ed7
```
#c47ed7 rgb(196,126,215)
```

Analogous Color

#92d77e
```
#92d77e rgb(146,215,126)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#d7c47e
```
#d7c47e rgb(215,196,126)
```

Split Complementary Color

#7ed797
```
#7ed797 rgb(126,215,151)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#d7977e
```
#d7977e rgb(215,151,126)
```

Triadic Color

#7ebed7
```
#7ebed7 rgb(126,190,215)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#d7977e
```
#d7977e rgb(215,151,126)
```
#bed77e
```
#bed77e rgb(190,215,126)
```

Tetradic Color

#6844c5
```
#6844c5 rgb(104,68,197)
```
#7857cb
```
#7857cb rgb(120,87,203)
```
#876bd1
```
#876bd1 rgb(135,107,209)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#a791dd
```
#a791dd rgb(167,145,221)
```
#b6a5e3
```
#b6a5e3 rgb(182,165,227)
```
#c6b8e9
```
#c6b8e9 rgb(198,184,233)
```

Monochromatic Color

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

#817ed7
```
#817ed7 rgb(129,126,215)
```
#887ed7
```
#887ed7 rgb(136,126,215)
```
#907ed7
```
#907ed7 rgb(144,126,215)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#9e7ed7
```
#9e7ed7 rgb(158,126,215)
```
#a67ed7
```
#a67ed7 rgb(166,126,215)
```
#ad7ed7
```
#ad7ed7 rgb(173,126,215)
```

Similar Colors

Text with hexadecimal color #977ed7

This text has a font color of #977ed7.

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

#977ed7 background color

This paragraph has a background color of #977ed7.

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

#977ed7 border color

This element has a border color of #977ed7.

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

CSS codes

.text {color:#977ed7;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0615
```
#0a0615 rgb(10,6,21)
```
#120b24
```
#120b24 rgb(18,11,36)
```
#1a1033
```
#1a1033 rgb(26,16,51)
```
#211442
```
#211442 rgb(33,20,66)
```
#291951
```
#291951 rgb(41,25,81)
```
#301e60
```
#301e60 rgb(48,30,96)
```
#38226f
```
#38226f rgb(56,34,111)
```
#3f277e
```
#3f277e rgb(63,39,126)
```
#472c8d
```
#472c8d rgb(71,44,141)
```
#4e309b
```
#4e309b rgb(78,48,155)
```
#5635aa
```
#5635aa rgb(86,53,170)
```
#5d39b9
```
#5d39b9 rgb(93,57,185)
```

Shade Color Variation

#6742c4
```
#6742c4 rgb(103,66,196)
```
#7351c9
```
#7351c9 rgb(115,81,201)
```
#7f60ce
```
#7f60ce rgb(127,96,206)
```
#8b6fd2
```
#8b6fd2 rgb(139,111,210)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#a38ddc
```
#a38ddc rgb(163,141,220)
```
#af9ce0
```
#af9ce0 rgb(175,156,224)
```
#bbabe5
```
#bbabe5 rgb(187,171,229)
```
#c7baea
```
#c7baea rgb(199,186,234)
```
#d3c9ee
```
#d3c9ee rgb(211,201,238)
```
#dfd8f3
```
#dfd8f3 rgb(223,216,243)
```
#ebe7f7
```
#ebe7f7 rgb(235,231,247)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#a8a5b0
```
#a8a5b0 rgb(168,165,176)
```
#a59fb7
```
#a59fb7 rgb(165,159,183)
```
#a298bd
```
#a298bd rgb(162,152,189)
```
#a092c4
```
#a092c4 rgb(160,146,196)
```
#9d8bca
```
#9d8bca rgb(157,139,202)
```
#9a85d1
```
#9a85d1 rgb(154,133,209)
```
#977ed7
```
#977ed7 rgb(151,126,215)
```
#9478de
```
#9478de rgb(148,120,222)
```
#9171e4
```
#9171e4 rgb(145,113,228)
```
#8e6beb
```
#8e6beb rgb(142,107,235)
```
#8c64f1
```
#8c64f1 rgb(140,100,241)
```
#895ef8
```
#895ef8 rgb(137,94,248)
```
#8657fe
```
#8657fe rgb(134,87,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#918c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8fe1 Protanopia 1% of men
#7191d4 Deuteranopia 1% of men
#8d929d Tritanopia 0.001% of the population

Trichromacy

#7e89dd Protanomaly 1% of men, 0.01% of women
#7e8ad5 Deuteranomaly 6% of men, 0.4% of women
#918bb2 Tritanomaly 0.01% of the population

#977ed7 hex color

#977ed7 Color Information

#977ed7 Color Conversion

Color Schemes with #977ed7

Alternatives to #977ed7

#977ed7 Preview

Shades and Tints of #977ed7

Tones of #977ed7

Color Blindness Simulator