#977bd9 hex color

In a RGB color space, hex #977bd9 is composed of 59.2% red, 48.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 43.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 257.9 degrees, a saturation of 55.3% and a lightness of 66.7%. #977bd9 color hex could be obtained by blending #fff6ff with #2f00b3. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 85
RGB color chart
- C 30
- M 43
- Y 0
- K 15
CMYK color chart

● #977bd9 color description : Very soft violet.

The hexadecimal color #977bd9 has RGB values of R:151, G:123, B:217 and CMYK values of C:0.3, M:0.43, Y:0, K:0.15. Its decimal value is 9927641.

Hex triplet	977bd9	`#977bd9`
RGB Decimal	151, 123, 217	`rgb(151,123,217)`
RGB Percent	59.2, 48.2, 85.1	`rgb(59.2%,48.2%,85.1%)`
CMYK	30, 43, 0, 15
HSL	257.9°, 55.3, 66.7	`hsl(257.9,55.3%,66.7%)`
HSV (or HSB)	257.9°, 43.3, 85.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.804, 31.043, -44.464
XYZ	32.368, 25.755, 68.908
xyY	0.255, 0.203, 25.755
CIE-LCH	57.804, 54.228, 304.922
CIE-LUV	57.804, 6.895, -73.425
Hunter-Lab	50.749, 25.035, -44.98
Binary	10010111, 01111011, 11011001

#977bd9
```
#977bd9 rgb(151,123,217)
```
#bdd97b
```
#bdd97b rgb(189,217,123)
```

Complementary Color

#7b8ed9
```
#7b8ed9 rgb(123,142,217)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#c67bd9
```
#c67bd9 rgb(198,123,217)
```

Analogous Color

#8ed97b
```
#8ed97b rgb(142,217,123)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#d9c67b
```
#d9c67b rgb(217,198,123)
```

Split Complementary Color

#7bd997
```
#7bd997 rgb(123,217,151)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#d9977b
```
#d9977b rgb(217,151,123)
```

Triadic Color

#7bbdd9
```
#7bbdd9 rgb(123,189,217)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#d9977b
```
#d9977b rgb(217,151,123)
```
#bdd97b
```
#bdd97b rgb(189,217,123)
```

Tetradic Color

#6840c8
```
#6840c8 rgb(104,64,200)
```
#7853ce
```
#7853ce rgb(120,83,206)
```
#8767d3
```
#8767d3 rgb(135,103,211)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#a78fdf
```
#a78fdf rgb(167,143,223)
```
#b6a3e4
```
#b6a3e4 rgb(182,163,228)
```
#c6b6ea
```
#c6b6ea rgb(198,182,234)
```

Monochromatic Color

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

#807bd9
```
#807bd9 rgb(128,123,217)
```
#877bd9
```
#877bd9 rgb(135,123,217)
```
#8f7bd9
```
#8f7bd9 rgb(143,123,217)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#9f7bd9
```
#9f7bd9 rgb(159,123,217)
```
#a77bd9
```
#a77bd9 rgb(167,123,217)
```
#af7bd9
```
#af7bd9 rgb(175,123,217)
```

Similar Colors

Text with hexadecimal color #977bd9

This text has a font color of #977bd9.

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

#977bd9 background color

This paragraph has a background color of #977bd9.

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

#977bd9 border color

This element has a border color of #977bd9.

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

CSS codes

.text {color:#977bd9;}

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

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0a0614
```
#0a0614 rgb(10,6,20)
```
#120a24
```
#120a24 rgb(18,10,36)
```
#190f33
```
#190f33 rgb(25,15,51)
```
#211342
```
#211342 rgb(33,19,66)
```
#291751
```
#291751 rgb(41,23,81)
```
#301c60
```
#301c60 rgb(48,28,96)
```
#382070
```
#382070 rgb(56,32,112)
```
#3f257f
```
#3f257f rgb(63,37,127)
```
#47298e
```
#47298e rgb(71,41,142)
```
#4f2d9d
```
#4f2d9d rgb(79,45,157)
```
#5632ad
```
#5632ad rgb(86,50,173)
```
#5e36bc
```
#5e36bc rgb(94,54,188)
```

Shade Color Variation

#673ec7
```
#673ec7 rgb(103,62,199)
```
#734dcc
```
#734dcc rgb(115,77,204)
```
#7f5dd0
```
#7f5dd0 rgb(127,93,208)
```
#8b6cd5
```
#8b6cd5 rgb(139,108,213)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#a38add
```
#a38add rgb(163,138,221)
```
#af99e2
```
#af99e2 rgb(175,153,226)
```
#bba9e6
```
#bba9e6 rgb(187,169,230)
```
#c7b8eb
```
#c7b8eb rgb(199,184,235)
```
#d3c7ef
```
#d3c7ef rgb(211,199,239)
```
#dfd6f3
```
#dfd6f3 rgb(223,214,243)
```
#ebe6f8
```
#ebe6f8 rgb(235,230,248)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

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

#aaa9ab
```
#aaa9ab rgb(170,169,171)
```
#a7a2b2
```
#a7a2b2 rgb(167,162,178)
```
#a49cb8
```
#a49cb8 rgb(164,156,184)
```
#a295bf
```
#a295bf rgb(162,149,191)
```
#9f8fc5
```
#9f8fc5 rgb(159,143,197)
```
#9c88cc
```
#9c88cc rgb(156,136,204)
```
#9a82d2
```
#9a82d2 rgb(154,130,210)
```
#977bd9
```
#977bd9 rgb(151,123,217)
```
#9474e0
```
#9474e0 rgb(148,116,224)
```
#926ee6
```
#926ee6 rgb(146,110,230)
```
#8f67ed
```
#8f67ed rgb(143,103,237)
```
#8c61f3
```
#8c61f3 rgb(140,97,243)
```
#8a5afa
```
#8a5afa rgb(138,90,250)
```

Tone Color Variation

Below, you can see how #977bd9 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
#908a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a8ee4 Protanopia 1% of men
#6b90d5 Deuteranopia 1% of men
#8c909b Tritanopia 0.001% of the population

Trichromacy

#7a87e0 Protanomaly 1% of men, 0.01% of women
#7b88d6 Deuteranomaly 6% of men, 0.4% of women
#9088b1 Tritanomaly 0.01% of the population

#977bd9 hex color

#977bd9 Color Information

#977bd9 Color Conversion

Color Schemes with #977bd9

Alternatives to #977bd9

#977bd9 Preview

Shades and Tints of #977bd9

Tones of #977bd9

Color Blindness Simulator