#977be2 hex color

In a RGB color space, hex #977be2 is composed of 59.2% red, 48.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 45.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 256.3 degrees, a saturation of 64% and a lightness of 68.4%. #977be2 color hex could be obtained by blending #fff6ff with #2f00c5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 48
- B 89
RGB color chart
- C 33
- M 46
- Y 0
- K 11
CMYK color chart

● #977be2 color description : Soft violet.

The hexadecimal color #977be2 has RGB values of R:151, G:123, B:226 and CMYK values of C:0.33, M:0.46, Y:0, K:0.11. Its decimal value is 9927650.

Hex triplet	977be2	`#977be2`
RGB Decimal	151, 123, 226	`rgb(151,123,226)`
RGB Percent	59.2, 48.2, 88.6	`rgb(59.2%,48.2%,88.6%)`
CMYK	33, 46, 0, 11
HSL	256.3°, 64, 68.4	`hsl(256.3,64%,68.4%)`
HSV (or HSB)	256.3°, 45.6, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.26, 33.347, -48.785
XYZ	33.571, 26.236, 75.243
xyY	0.249, 0.194, 26.236
CIE-LCH	58.26, 59.093, 304.355
CIE-LUV	58.26, 5.945, -80.774
Hunter-Lab	51.221, 27.353, -51.241
Binary	10010111, 01111011, 11100010

#977be2
```
#977be2 rgb(151,123,226)
```
#c6e27b
```
#c6e27b rgb(198,226,123)
```

Complementary Color

#7b93e2
```
#7b93e2 rgb(123,147,226)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#cb7be2
```
#cb7be2 rgb(203,123,226)
```

Analogous Color

#93e27b
```
#93e27b rgb(147,226,123)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#e2cb7b
```
#e2cb7b rgb(226,203,123)
```

Split Complementary Color

#7be297
```
#7be297 rgb(123,226,151)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#e2977b
```
#e2977b rgb(226,151,123)
```

Triadic Color

#7bc6e2
```
#7bc6e2 rgb(123,198,226)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#e2977b
```
#e2977b rgb(226,151,123)
```
#c6e27b
```
#c6e27b rgb(198,226,123)
```

Tetradic Color

#663cd4
```
#663cd4 rgb(102,60,212)
```
#7651d9
```
#7651d9 rgb(118,81,217)
```
#8766dd
```
#8766dd rgb(135,102,221)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#a790e7
```
#a790e7 rgb(167,144,231)
```
#b8a5eb
```
#b8a5eb rgb(184,165,235)
```
#c8baf0
```
#c8baf0 rgb(200,186,240)
```

Monochromatic Color

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

#7d7be2
```
#7d7be2 rgb(125,123,226)
```
#867be2
```
#867be2 rgb(134,123,226)
```
#8e7be2
```
#8e7be2 rgb(142,123,226)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#a07be2
```
#a07be2 rgb(160,123,226)
```
#a87be2
```
#a87be2 rgb(168,123,226)
```
#b17be2
```
#b17be2 rgb(177,123,226)
```

Similar Colors

Text with hexadecimal color #977be2

This text has a font color of #977be2.

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

#977be2 background color

This paragraph has a background color of #977be2.

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

#977be2 border color

This element has a border color of #977be2.

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

CSS codes

.text {color:#977be2;}

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

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

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

#06030d
```
#06030d rgb(6,3,13)
```
#0c061d
```
#0c061d rgb(12,6,29)
```
#130a2d
```
#130a2d rgb(19,10,45)
```
#1a0d3d
```
#1a0d3d rgb(26,13,61)
```
#21114d
```
#21114d rgb(33,17,77)
```
#28145d
```
#28145d rgb(40,20,93)
```
#2f186d
```
#2f186d rgb(47,24,109)
```
#361c7d
```
#361c7d rgb(54,28,125)
```
#3d1f8d
```
#3d1f8d rgb(61,31,141)
```
#44239d
```
#44239d rgb(68,35,157)
```
#4b26ae
```
#4b26ae rgb(75,38,174)
```
#522abe
```
#522abe rgb(82,42,190)
```
#592dce
```
#592dce rgb(89,45,206)
```

Shade Color Variation

#643bd4
```
#643bd4 rgb(100,59,212)
```
#714bd7
```
#714bd7 rgb(113,75,215)
```
#7e5bdb
```
#7e5bdb rgb(126,91,219)
```
#8a6bde
```
#8a6bde rgb(138,107,222)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#a48be6
```
#a48be6 rgb(164,139,230)
```
#b09be9
```
#b09be9 rgb(176,155,233)
```
#bdabed
```
#bdabed rgb(189,171,237)
```
#cabbf0
```
#cabbf0 rgb(202,187,240)
```
#d6cbf4
```
#d6cbf4 rgb(214,203,244)
```
#e3dbf7
```
#e3dbf7 rgb(227,219,247)
```
#f0ecfb
```
#f0ecfb rgb(240,236,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#aeadb0
```
#aeadb0 rgb(174,173,176)
```
#aba6b7
```
#aba6b7 rgb(171,166,183)
```
#a8a0bd
```
#a8a0bd rgb(168,160,189)
```
#a59ac3
```
#a59ac3 rgb(165,154,195)
```
#a294c9
```
#a294c9 rgb(162,148,201)
```
#9f8ecf
```
#9f8ecf rgb(159,142,207)
```
#9d87d6
```
#9d87d6 rgb(157,135,214)
```
#9a81dc
```
#9a81dc rgb(154,129,220)
```
#977be2
```
#977be2 rgb(151,123,226)
```
#9475e8
```
#9475e8 rgb(148,117,232)
```
#916fee
```
#916fee rgb(145,111,238)
```
#8f68f5
```
#8f68f5 rgb(143,104,245)
```
#8c62fb
```
#8c62fb rgb(140,98,251)
```

Tone Color Variation

Below, you can see how #977be2 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
#918ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#648eee Protanopia 1% of men
#6492dd Deuteranopia 1% of men
#8a929d Tritanopia 0.001% of the population

Trichromacy

#7687e9 Protanomaly 1% of men, 0.01% of women
#7689df Deuteranomaly 6% of men, 0.4% of women
#8f8ab6 Tritanomaly 0.01% of the population

#977be2 hex color

#977be2 Color Information

#977be2 Color Conversion

Color Schemes with #977be2

Alternatives to #977be2

#977be2 Preview

Shades and Tints of #977be2

Tones of #977be2

Color Blindness Simulator