#977eb0 hex color

In a RGB color space, hex #977eb0 is composed of 59.2% red, 49.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 28.4% magenta, 0% yellow and 31% black. It has a hue angle of 270 degrees, a saturation of 24% and a lightness of 59.2%. #977eb0 color hex could be obtained by blending #fffcff with #2f0061. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 59
- G 49
- B 69
RGB color chart
- C 14
- M 28
- Y 0
- K 31
CMYK color chart

● #977eb0 color description : Mostly desaturated dark violet.

The hexadecimal color #977eb0 has RGB values of R:151, G:126, B:176 and CMYK values of C:0.14, M:0.28, Y:0, K:0.31. Its decimal value is 9928368.

Hex triplet	977eb0	`#977eb0`
RGB Decimal	151, 126, 176	`rgb(151,126,176)`
RGB Percent	59.2, 49.4, 69	`rgb(59.2%,49.4%,69%)`
CMYK	14, 28, 0, 31
HSL	270°, 24, 59.2	`hsl(270,24%,59.2%)`
HSV (or HSB)	270°, 28.4, 69
Web Safe	996699	`#996699`

CIE-LAB	56.719, 19.481, -22.876
XYZ	28.059, 24.636, 44.349
xyY	0.289, 0.254, 24.636
CIE-LCH	56.719, 30.047, 310.418
CIE-LUV	56.719, 10.077, -37.235
Hunter-Lab	49.635, 14.046, -18.232
Binary	10010111, 01111110, 10110000

#977eb0
```
#977eb0 rgb(151,126,176)
```
#97b07e
```
#97b07e rgb(151,176,126)
```

Complementary Color

#7e7eb0
```
#7e7eb0 rgb(126,126,176)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#b07eb0
```
#b07eb0 rgb(176,126,176)
```

Analogous Color

#7eb07e
```
#7eb07e rgb(126,176,126)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#b0b07e
```
#b0b07e rgb(176,176,126)
```

Split Complementary Color

#7eb097
```
#7eb097 rgb(126,176,151)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#b0977e
```
#b0977e rgb(176,151,126)
```

Triadic Color

#7e97b0
```
#7e97b0 rgb(126,151,176)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#b0977e
```
#b0977e rgb(176,151,126)
```
#97b07e
```
#97b07e rgb(151,176,126)
```

Tetradic Color

#71568c
```
#71568c rgb(113,86,140)
```
#7e5f9c
```
#7e5f9c rgb(126,95,156)
```
#8a6ea6
```
#8a6ea6 rgb(138,110,166)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#a48eba
```
#a48eba rgb(164,142,186)
```
#b19ec3
```
#b19ec3 rgb(177,158,195)
```
#bdadcd
```
#bdadcd rgb(189,173,205)
```

Monochromatic Color

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

#8b7eb0
```
#8b7eb0 rgb(139,126,176)
```
#8f7eb0
```
#8f7eb0 rgb(143,126,176)
```
#937eb0
```
#937eb0 rgb(147,126,176)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#9b7eb0
```
#9b7eb0 rgb(155,126,176)
```
#9f7eb0
```
#9f7eb0 rgb(159,126,176)
```
#a47eb0
```
#a47eb0 rgb(164,126,176)
```

Similar Colors

Text with hexadecimal color #977eb0

This text has a font color of #977eb0.

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

#977eb0 background color

This paragraph has a background color of #977eb0.

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

#977eb0 border color

This element has a border color of #977eb0.

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

CSS codes

.text {color:#977eb0;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a11
```
#0e0a11 rgb(14,10,17)
```
#18121d
```
#18121d rgb(24,18,29)
```
#211929
```
#211929 rgb(33,25,41)
```
#2b2135
```
#2b2135 rgb(43,33,53)
```
#352842
```
#352842 rgb(53,40,66)
```
#3f304e
```
#3f304e rgb(63,48,78)
```
#49375a
```
#49375a rgb(73,55,90)
```
#523f66
```
#523f66 rgb(82,63,102)
```
#5c4672
```
#5c4672 rgb(92,70,114)
```
#664d7e
```
#664d7e rgb(102,77,126)
```
#70558b
```
#70558b rgb(112,85,139)
```
#7a5c97
```
#7a5c97 rgb(122,92,151)
```

Shade Color Variation

#8366a1
```
#8366a1 rgb(131,102,161)
```
#8d72a9
```
#8d72a9 rgb(141,114,169)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#a18ab7
```
#a18ab7 rgb(161,138,183)
```
#ab96bf
```
#ab96bf rgb(171,150,191)
```
#b4a2c6
```
#b4a2c6 rgb(180,162,198)
```
#beafce
```
#beafce rgb(190,175,206)
```
#c8bbd5
```
#c8bbd5 rgb(200,187,213)
```
#d2c7dd
```
#d2c7dd rgb(210,199,221)
```
#dcd3e4
```
#dcd3e4 rgb(220,211,228)
```
#e5dfec
```
#e5dfec rgb(229,223,236)
```
#efebf3
```
#efebf3 rgb(239,235,243)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#979698
```
#979698 rgb(151,150,152)
```
#978ea0
```
#978ea0 rgb(151,142,160)
```
#9786a8
```
#9786a8 rgb(151,134,168)
```
#977eb0
```
#977eb0 rgb(151,126,176)
```
#9776b8
```
#9776b8 rgb(151,118,184)
```
#976ec0
```
#976ec0 rgb(151,110,192)
```
#9766c8
```
#9766c8 rgb(151,102,200)
```
#975ed0
```
#975ed0 rgb(151,94,208)
```
#9756d8
```
#9756d8 rgb(151,86,216)
```
#974ee0
```
#974ee0 rgb(151,78,224)
```
#9746e8
```
#9746e8 rgb(151,70,232)
```
#973ef0
```
#973ef0 rgb(151,62,240)
```
#9736f8
```
#9736f8 rgb(151,54,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#8d8892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808cb9 Protanopia 1% of men
#878bb1 Deuteranopia 1% of men
#968a94 Tritanopia 0.001% of the population

Trichromacy

#8887b5 Protanomaly 1% of men, 0.01% of women
#8d86b1 Deuteranomaly 6% of men, 0.4% of women
#96869e Tritanomaly 0.01% of the population

#977eb0 hex color

#977eb0 Color Information

#977eb0 Color Conversion

Color Schemes with #977eb0

Alternatives to #977eb0

#977eb0 Preview

Shades and Tints of #977eb0

Tones of #977eb0

Color Blindness Simulator