#977bde hex color

In a RGB color space, hex #977bde is composed of 59.2% red, 48.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 44.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 257 degrees, a saturation of 60% and a lightness of 67.6%. #977bde color hex could be obtained by blending #fff6ff with #2f00bd. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 87
RGB color chart
- C 32
- M 45
- Y 0
- K 13
CMYK color chart

● #977bde color description : Very soft violet.

The hexadecimal color #977bde has RGB values of R:151, G:123, B:222 and CMYK values of C:0.32, M:0.45, Y:0, K:0.13. Its decimal value is 9927646.

Hex triplet	977bde	`#977bde`
RGB Decimal	151, 123, 222	`rgb(151,123,222)`
RGB Percent	59.2, 48.2, 87.1	`rgb(59.2%,48.2%,87.1%)`
CMYK	32, 45, 0, 13
HSL	257°, 60, 67.6	`hsl(257,60%,67.6%)`
HSV (or HSB)	257°, 44.6, 87.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.055, 32.318, -46.872
XYZ	33.028, 26.019, 72.385
xyY	0.251, 0.198, 26.019
CIE-LCH	58.055, 56.933, 304.586
CIE-LUV	58.055, 6.365, -77.518
Hunter-Lab	51.009, 26.312, -48.431
Binary	10010111, 01111011, 11011110

#977bde
```
#977bde rgb(151,123,222)
```
#c2de7b
```
#c2de7b rgb(194,222,123)
```

Complementary Color

#7b91de
```
#7b91de rgb(123,145,222)
```
#977bde
```
#977bde rgb(151,123,222)
```
#c97bde
```
#c97bde rgb(201,123,222)
```

Analogous Color

#91de7b
```
#91de7b rgb(145,222,123)
```
#977bde
```
#977bde rgb(151,123,222)
```
#dec97b
```
#dec97b rgb(222,201,123)
```

Split Complementary Color

#7bde97
```
#7bde97 rgb(123,222,151)
```
#977bde
```
#977bde rgb(151,123,222)
```
#de977b
```
#de977b rgb(222,151,123)
```

Triadic Color

#7bc2de
```
#7bc2de rgb(123,194,222)
```
#977bde
```
#977bde rgb(151,123,222)
```
#de977b
```
#de977b rgb(222,151,123)
```
#c2de7b
```
#c2de7b rgb(194,222,123)
```

Tetradic Color

#673ecf
```
#673ecf rgb(103,62,207)
```
#7752d4
```
#7752d4 rgb(119,82,212)
```
#8767d9
```
#8767d9 rgb(135,103,217)
```
#977bde
```
#977bde rgb(151,123,222)
```
#a78fe3
```
#a78fe3 rgb(167,143,227)
```
#b7a4e8
```
#b7a4e8 rgb(183,164,232)
```
#c7b8ed
```
#c7b8ed rgb(199,184,237)
```

Monochromatic Color

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

#7e7bde
```
#7e7bde rgb(126,123,222)
```
#877bde
```
#877bde rgb(135,123,222)
```
#8f7bde
```
#8f7bde rgb(143,123,222)
```
#977bde
```
#977bde rgb(151,123,222)
```
#9f7bde
```
#9f7bde rgb(159,123,222)
```
#a87bde
```
#a87bde rgb(168,123,222)
```
#b07bde
```
#b07bde rgb(176,123,222)
```

Similar Colors

Text with hexadecimal color #977bde

This text has a font color of #977bde.

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

#977bde background color

This paragraph has a background color of #977bde.

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

#977bde border color

This element has a border color of #977bde.

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

CSS codes

.text {color:#977bde;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0c0619
```
#0c0619 rgb(12,6,25)
```
#130a29
```
#130a29 rgb(19,10,41)
```
#1a0e38
```
#1a0e38 rgb(26,14,56)
```
#211248
```
#211248 rgb(33,18,72)
```
#291658
```
#291658 rgb(41,22,88)
```
#301a67
```
#301a67 rgb(48,26,103)
```
#371e77
```
#371e77 rgb(55,30,119)
```
#3e2287
```
#3e2287 rgb(62,34,135)
```
#462696
```
#462696 rgb(70,38,150)
```
#4d2aa6
```
#4d2aa6 rgb(77,42,166)
```
#542db6
```
#542db6 rgb(84,45,182)
```
#5b31c6
```
#5b31c6 rgb(91,49,198)
```

Shade Color Variation

#663cce
```
#663cce rgb(102,60,206)
```
#724cd2
```
#724cd2 rgb(114,76,210)
```
#7e5cd6
```
#7e5cd6 rgb(126,92,214)
```
#8b6bda
```
#8b6bda rgb(139,107,218)
```
#977bde
```
#977bde rgb(151,123,222)
```
#a38be2
```
#a38be2 rgb(163,139,226)
```
#b09ae6
```
#b09ae6 rgb(176,154,230)
```
#bcaaea
```
#bcaaea rgb(188,170,234)
```
#c8baee
```
#c8baee rgb(200,186,238)
```
#d5c9f2
```
#d5c9f2 rgb(213,201,242)
```
#e1d9f6
```
#e1d9f6 rgb(225,217,246)
```
#eee9f9
```
#eee9f9 rgb(238,233,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#aaa7b2
```
#aaa7b2 rgb(170,167,178)
```
#a8a1b8
```
#a8a1b8 rgb(168,161,184)
```
#a59bbe
```
#a59bbe rgb(165,155,190)
```
#a294c5
```
#a294c5 rgb(162,148,197)
```
#9f8ecb
```
#9f8ecb rgb(159,142,203)
```
#9d88d1
```
#9d88d1 rgb(157,136,209)
```
#9a81d8
```
#9a81d8 rgb(154,129,216)
```
#977bde
```
#977bde rgb(151,123,222)
```
#9475e4
```
#9475e4 rgb(148,117,228)
```
#916eeb
```
#916eeb rgb(145,110,235)
```
#8f68f1
```
#8f68f1 rgb(143,104,241)
```
#8c62f7
```
#8c62f7 rgb(140,98,247)
```
#895bfe
```
#895bfe rgb(137,91,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#918b9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#678ee9 Protanopia 1% of men
#6791d9 Deuteranopia 1% of men
#8b929c Tritanopia 0.001% of the population

Trichromacy

#7887e5 Protanomaly 1% of men, 0.01% of women
#7889db Deuteranomaly 6% of men, 0.4% of women
#8f89b4 Tritanomaly 0.01% of the population

#977bde hex color

#977bde Color Information

#977bde Color Conversion

Color Schemes with #977bde

Alternatives to #977bde

#977bde Preview

Shades and Tints of #977bde

Tones of #977bde

Color Blindness Simulator