#977bd4 hex color

In a RGB color space, hex #977bd4 is composed of 59.2% red, 48.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 42% magenta, 0% yellow and 16.9% black. It has a hue angle of 258.9 degrees, a saturation of 50.9% and a lightness of 65.7%. #977bd4 color hex could be obtained by blending #fff6ff with #2f00a9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 83
RGB color chart
- C 29
- M 42
- Y 0
- K 17
CMYK color chart

● #977bd4 color description : Slightly desaturated violet.

The hexadecimal color #977bd4 has RGB values of R:151, G:123, B:212 and CMYK values of C:0.29, M:0.42, Y:0, K:0.17. Its decimal value is 9927636.

Hex triplet	977bd4	`#977bd4`
RGB Decimal	151, 123, 212	`rgb(151,123,212)`
RGB Percent	59.2, 48.2, 83.1	`rgb(59.2%,48.2%,83.1%)`
CMYK	29, 42, 0, 17
HSL	258.9°, 50.9, 65.7	`hsl(258.9,50.9%,65.7%)`
HSV (or HSB)	258.9°, 42, 83.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.558, 29.783, -42.038
XYZ	31.727, 25.499, 65.534
xyY	0.258, 0.208, 25.499
CIE-LCH	57.558, 51.519, 305.317
CIE-LUV	57.558, 7.431, -69.307
Hunter-Lab	50.496, 23.784, -41.599
Binary	10010111, 01111011, 11010100

#977bd4
```
#977bd4 rgb(151,123,212)
```
#b8d47b
```
#b8d47b rgb(184,212,123)
```

Complementary Color

#7b8cd4
```
#7b8cd4 rgb(123,140,212)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#c47bd4
```
#c47bd4 rgb(196,123,212)
```

Analogous Color

#8cd47b
```
#8cd47b rgb(140,212,123)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#d4c47b
```
#d4c47b rgb(212,196,123)
```

Split Complementary Color

#7bd497
```
#7bd497 rgb(123,212,151)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#d4977b
```
#d4977b rgb(212,151,123)
```

Triadic Color

#7bb8d4
```
#7bb8d4 rgb(123,184,212)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#d4977b
```
#d4977b rgb(212,151,123)
```
#b8d47b
```
#b8d47b rgb(184,212,123)
```

Tetradic Color

#6a41c1
```
#6a41c1 rgb(106,65,193)
```
#7955c7
```
#7955c7 rgb(121,85,199)
```
#8868ce
```
#8868ce rgb(136,104,206)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#a68eda
```
#a68eda rgb(166,142,218)
```
#b5a1e1
```
#b5a1e1 rgb(181,161,225)
```
#c4b5e7
```
#c4b5e7 rgb(196,181,231)
```

Monochromatic Color

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

#817bd4
```
#817bd4 rgb(129,123,212)
```
#887bd4
```
#887bd4 rgb(136,123,212)
```
#907bd4
```
#907bd4 rgb(144,123,212)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#9e7bd4
```
#9e7bd4 rgb(158,123,212)
```
#a67bd4
```
#a67bd4 rgb(166,123,212)
```
#ad7bd4
```
#ad7bd4 rgb(173,123,212)
```

Similar Colors

Text with hexadecimal color #977bd4

This text has a font color of #977bd4.

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

#977bd4 background color

This paragraph has a background color of #977bd4.

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

#977bd4 border color

This element has a border color of #977bd4.

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

CSS codes

.text {color:#977bd4;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#090510
```
#090510 rgb(9,5,16)
```
#110a1f
```
#110a1f rgb(17,10,31)
```
#180f2e
```
#180f2e rgb(24,15,46)
```
#20143c
```
#20143c rgb(32,20,60)
```
#28184b
```
#28184b rgb(40,24,75)
```
#301d5a
```
#301d5a rgb(48,29,90)
```
#382269
```
#382269 rgb(56,34,105)
```
#402778
```
#402778 rgb(64,39,120)
```
#482c86
```
#482c86 rgb(72,44,134)
```
#503195
```
#503195 rgb(80,49,149)
```
#5835a4
```
#5835a4 rgb(88,53,164)
```
#603ab3
```
#603ab3 rgb(96,58,179)
```

Shade Color Variation

#6840c1
```
#6840c1 rgb(104,64,193)
```
#744fc6
```
#744fc6 rgb(116,79,198)
```
#805dca
```
#805dca rgb(128,93,202)
```
#8b6ccf
```
#8b6ccf rgb(139,108,207)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#a38ad9
```
#a38ad9 rgb(163,138,217)
```
#ae99de
```
#ae99de rgb(174,153,222)
```
#baa7e2
```
#baa7e2 rgb(186,167,226)
```
#c6b6e7
```
#c6b6e7 rgb(198,182,231)
```
#d1c5ec
```
#d1c5ec rgb(209,197,236)
```
#ddd4f1
```
#ddd4f1 rgb(221,212,241)
```
#e9e3f6
```
#e9e3f6 rgb(233,227,246)
```
#f4f1fb
```
#f4f1fb rgb(244,241,251)
```

Tint Color Variation

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

#a6a3ac
```
#a6a3ac rgb(166,163,172)
```
#a39db2
```
#a39db2 rgb(163,157,178)
```
#a196b9
```
#a196b9 rgb(161,150,185)
```
#9e8fc0
```
#9e8fc0 rgb(158,143,192)
```
#9c88c7
```
#9c88c7 rgb(156,136,199)
```
#9982cd
```
#9982cd rgb(153,130,205)
```
#977bd4
```
#977bd4 rgb(151,123,212)
```
#9574db
```
#9574db rgb(149,116,219)
```
#926ee1
```
#926ee1 rgb(146,110,225)
```
#9067e8
```
#9067e8 rgb(144,103,232)
```
#8d60ef
```
#8d60ef rgb(141,96,239)
```
#8b59f6
```
#8b59f6 rgb(139,89,246)
```
#8853fc
```
#8853fc rgb(136,83,252)
```

Tone Color Variation

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

Dichromacy

#6d8ddf Protanopia 1% of men
#6f8fd1 Deuteranopia 1% of men
#8e8f9a Tritanopia 0.001% of the population

Trichromacy

#7c86db Protanomaly 1% of men, 0.01% of women
#7d88d2 Deuteranomaly 6% of men, 0.4% of women
#9188af Tritanomaly 0.01% of the population

#977bd4 hex color

#977bd4 Color Information

#977bd4 Color Conversion

Color Schemes with #977bd4

Alternatives to #977bd4

#977bd4 Preview

Shades and Tints of #977bd4

Tones of #977bd4

Color Blindness Simulator