#977bce hex color

In a RGB color space, hex #977bce is composed of 59.2% red, 48.2% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 40.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 260.2 degrees, a saturation of 45.9% and a lightness of 64.5%. #977bce color hex could be obtained by blending #fff6ff with #2f009d. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 81
RGB color chart
- C 27
- M 40
- Y 0
- K 19
CMYK color chart

● #977bce color description : Slightly desaturated violet.

The hexadecimal color #977bce has RGB values of R:151, G:123, B:206 and CMYK values of C:0.27, M:0.4, Y:0, K:0.19. Its decimal value is 9927630.

Hex triplet	977bce	`#977bce`
RGB Decimal	151, 123, 206	`rgb(151,123,206)`
RGB Percent	59.2, 48.2, 80.8	`rgb(59.2%,48.2%,80.8%)`
CMYK	27, 40, 0, 19
HSL	260.2°, 45.9, 64.5	`hsl(260.2,45.9%,64.5%)`
HSV (or HSB)	260.2°, 40.3, 80.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.271, 28.291, -39.102
XYZ	30.984, 25.201, 61.621
xyY	0.263, 0.214, 25.201
CIE-LCH	57.271, 48.264, 305.886
CIE-LUV	57.271, 8.081, -64.336
Hunter-Lab	50.201, 22.318, -37.637
Binary	10010111, 01111011, 11001110

#977bce
```
#977bce rgb(151,123,206)
```
#b2ce7b
```
#b2ce7b rgb(178,206,123)
```

Complementary Color

#7b89ce
```
#7b89ce rgb(123,137,206)
```
#977bce
```
#977bce rgb(151,123,206)
```
#c17bce
```
#c17bce rgb(193,123,206)
```

Analogous Color

#89ce7b
```
#89ce7b rgb(137,206,123)
```
#977bce
```
#977bce rgb(151,123,206)
```
#cec17b
```
#cec17b rgb(206,193,123)
```

Split Complementary Color

#7bce97
```
#7bce97 rgb(123,206,151)
```
#977bce
```
#977bce rgb(151,123,206)
```
#ce977b
```
#ce977b rgb(206,151,123)
```

Triadic Color

#7bb2ce
```
#7bb2ce rgb(123,178,206)
```
#977bce
```
#977bce rgb(151,123,206)
```
#ce977b
```
#ce977b rgb(206,151,123)
```
#b2ce7b
```
#b2ce7b rgb(178,206,123)
```

Tetradic Color

#6b44b8
```
#6b44b8 rgb(107,68,184)
```
#7a56c0
```
#7a56c0 rgb(122,86,192)
```
#8868c7
```
#8868c7 rgb(136,104,199)
```
#977bce
```
#977bce rgb(151,123,206)
```
#a68ed5
```
#a68ed5 rgb(166,142,213)
```
#b4a0dc
```
#b4a0dc rgb(180,160,220)
```
#c3b3e3
```
#c3b3e3 rgb(195,179,227)
```

Monochromatic Color

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

#827bce
```
#827bce rgb(130,123,206)
```
#897bce
```
#897bce rgb(137,123,206)
```
#907bce
```
#907bce rgb(144,123,206)
```
#977bce
```
#977bce rgb(151,123,206)
```
#9e7bce
```
#9e7bce rgb(158,123,206)
```
#a57bce
```
#a57bce rgb(165,123,206)
```
#ac7bce
```
#ac7bce rgb(172,123,206)
```

Similar Colors

Text with hexadecimal color #977bce

This text has a font color of #977bce.

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

#977bce background color

This paragraph has a background color of #977bce.

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

#977bce border color

This element has a border color of #977bce.

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

CSS codes

.text {color:#977bce;}

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

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

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, #06040b is the darkest color, while #fcfcfe is the lightest one.

#06040b
```
#06040b rgb(6,4,11)
```
#0f0919
```
#0f0919 rgb(15,9,25)
```
#170f28
```
#170f28 rgb(23,15,40)
```
#1f1436
```
#1f1436 rgb(31,20,54)
```
#281944
```
#281944 rgb(40,25,68)
```
#301f53
```
#301f53 rgb(48,31,83)
```
#392461
```
#392461 rgb(57,36,97)
```
#41296f
```
#41296f rgb(65,41,111)
```
#492f7d
```
#492f7d rgb(73,47,125)
```
#52348c
```
#52348c rgb(82,52,140)
```
#5a399a
```
#5a399a rgb(90,57,154)
```
#623fa8
```
#623fa8 rgb(98,63,168)
```
#6b44b7
```
#6b44b7 rgb(107,68,183)
```

Shade Color Variation

#7550be
```
#7550be rgb(117,80,190)
```
#805ec3
```
#805ec3 rgb(128,94,195)
```
#8c6dc9
```
#8c6dc9 rgb(140,109,201)
```
#977bce
```
#977bce rgb(151,123,206)
```
#a289d3
```
#a289d3 rgb(162,137,211)
```
#ae98d9
```
#ae98d9 rgb(174,152,217)
```
#b9a6de
```
#b9a6de rgb(185,166,222)
```
#c4b4e3
```
#c4b4e3 rgb(196,180,227)
```
#cfc3e9
```
#cfc3e9 rgb(207,195,233)
```
#dbd1ee
```
#dbd1ee rgb(219,209,238)
```
#e6dff3
```
#e6dff3 rgb(230,223,243)
```
#f1edf8
```
#f1edf8 rgb(241,237,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#a29eab
```
#a29eab rgb(162,158,171)
```
#a097b2
```
#a097b2 rgb(160,151,178)
```
#9e90b9
```
#9e90b9 rgb(158,144,185)
```
#9c89c0
```
#9c89c0 rgb(156,137,192)
```
#9982c7
```
#9982c7 rgb(153,130,199)
```
#977bce
```
#977bce rgb(151,123,206)
```
#9574d5
```
#9574d5 rgb(149,116,213)
```
#926ddc
```
#926ddc rgb(146,109,220)
```
#9066e3
```
#9066e3 rgb(144,102,227)
```
#8e5fea
```
#8e5fea rgb(142,95,234)
```
#8c58f1
```
#8c58f1 rgb(140,88,241)
```
#8951f8
```
#8951f8 rgb(137,81,248)
```
#874aff
```
#874aff rgb(135,74,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8f899a Atypical Achromatopsia 0.001% of the population

Dichromacy

#708dd9 Protanopia 1% of men
#738ecb Deuteranopia 1% of men
#8f8e98 Tritanopia 0.001% of the population

Trichromacy

#7e86d5 Protanomaly 1% of men, 0.01% of women
#8087cc Deuteranomaly 6% of men, 0.4% of women
#9287ac Tritanomaly 0.01% of the population

#977bce hex color

#977bce Color Information

#977bce Color Conversion

Color Schemes with #977bce

Alternatives to #977bce

#977bce Preview

Shades and Tints of #977bce

Tones of #977bce

Color Blindness Simulator