#976ee2 hex color

In a RGB color space, hex #976ee2 is composed of 59.2% red, 43.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 51.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 261.2 degrees, a saturation of 66.7% and a lightness of 65.9%. #976ee2 color hex could be obtained by blending #ffdcff with #2f00c5. Closest websafe color is: #9966cc.

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

● #976ee2 color description : Soft violet.

The hexadecimal color #976ee2 has RGB values of R:151, G:110, B:226 and CMYK values of C:0.33, M:0.51, Y:0, K:0.11. Its decimal value is 9924322.

Hex triplet	976ee2	`#976ee2`
RGB Decimal	151, 110, 226	`rgb(151,110,226)`
RGB Percent	59.2, 43.1, 88.6	`rgb(59.2%,43.1%,88.6%)`
CMYK	33, 51, 0, 11
HSL	261.2°, 66.7, 65.9	`hsl(261.2,66.7%,65.9%)`
HSV (or HSB)	261.2°, 51.3, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.3, 40.736, -53.494
XYZ	32.064, 23.222, 74.74
xyY	0.247, 0.179, 23.222
CIE-LCH	55.3, 67.239, 307.29
CIE-LUV	55.3, 10.27, -88.184
Hunter-Lab	48.189, 34.437, -58.225
Binary	10010111, 01101110, 11100010

#976ee2
```
#976ee2 rgb(151,110,226)
```
#b9e26e
```
#b9e26e rgb(185,226,110)
```

Complementary Color

#6e7fe2
```
#6e7fe2 rgb(110,127,226)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#d16ee2
```
#d16ee2 rgb(209,110,226)
```

Analogous Color

#7fe26e
```
#7fe26e rgb(127,226,110)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#e2d16e
```
#e2d16e rgb(226,209,110)
```

Split Complementary Color

#6ee297
```
#6ee297 rgb(110,226,151)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#e2976e
```
#e2976e rgb(226,151,110)
```

Triadic Color

#6eb9e2
```
#6eb9e2 rgb(110,185,226)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#e2976e
```
#e2976e rgb(226,151,110)
```
#b9e26e
```
#b9e26e rgb(185,226,110)
```

Tetradic Color

#692ed5
```
#692ed5 rgb(105,46,213)
```
#7944da
```
#7944da rgb(121,68,218)
```
#8859de
```
#8859de rgb(136,89,222)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#a683e6
```
#a683e6 rgb(166,131,230)
```
#b599eb
```
#b599eb rgb(181,153,235)
```
#c5aeef
```
#c5aeef rgb(197,174,239)
```

Monochromatic Color

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

#7a6ee2
```
#7a6ee2 rgb(122,110,226)
```
#846ee2
```
#846ee2 rgb(132,110,226)
```
#8d6ee2
```
#8d6ee2 rgb(141,110,226)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#a16ee2
```
#a16ee2 rgb(161,110,226)
```
#aa6ee2
```
#aa6ee2 rgb(170,110,226)
```
#b46ee2
```
#b46ee2 rgb(180,110,226)
```

Similar Colors

Text with hexadecimal color #976ee2

This text has a font color of #976ee2.

<span style="color:#976ee2;">Text here</span>

#976ee2 background color

This paragraph has a background color of #976ee2.

<p style="background-color:#976ee2;">Content here</p>

#976ee2 border color

This element has a border color of #976ee2.

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

CSS codes

.text {color:#976ee2;}

.background {background-color:#976ee2;}

.border {border:1px solid #976ee2;}

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

#010002
```
#010002 rgb(1,0,2)
```
#090412
```
#090412 rgb(9,4,18)
```
#110723
```
#110723 rgb(17,7,35)
```
#190a33
```
#190a33 rgb(25,10,51)
```
#210e43
```
#210e43 rgb(33,14,67)
```
#281154
```
#281154 rgb(40,17,84)
```
#301464
```
#301464 rgb(48,20,100)
```
#381775
```
#381775 rgb(56,23,117)
```
#401b85
```
#401b85 rgb(64,27,133)
```
#481e95
```
#481e95 rgb(72,30,149)
```
#5021a6
```
#5021a6 rgb(80,33,166)
```
#5824b6
```
#5824b6 rgb(88,36,182)
```
#6028c6
```
#6028c6 rgb(96,40,198)
```

Shade Color Variation

#682dd5
```
#682dd5 rgb(104,45,213)
```
#743dd8
```
#743dd8 rgb(116,61,216)
```
#804ddb
```
#804ddb rgb(128,77,219)
```
#8b5edf
```
#8b5edf rgb(139,94,223)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#a37ee5
```
#a37ee5 rgb(163,126,229)
```
#ae8fe9
```
#ae8fe9 rgb(174,143,233)
```
#ba9fec
```
#ba9fec rgb(186,159,236)
```
#c6afef
```
#c6afef rgb(198,175,239)
```
#d2c0f2
```
#d2c0f2 rgb(210,192,242)
```
#ddd0f6
```
#ddd0f6 rgb(221,208,246)
```
#e9e0f9
```
#e9e0f9 rgb(233,224,249)
```
#f5f1fc
```
#f5f1fc rgb(245,241,252)
```

Tint Color Variation

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

#a7a4ac
```
#a7a4ac rgb(167,164,172)
```
#a59db3
```
#a59db3 rgb(165,157,179)
```
#a396ba
```
#a396ba rgb(163,150,186)
```
#a18fc1
```
#a18fc1 rgb(161,143,193)
```
#9f89c7
```
#9f89c7 rgb(159,137,199)
```
#9d82ce
```
#9d82ce rgb(157,130,206)
```
#9b7bd5
```
#9b7bd5 rgb(155,123,213)
```
#9975db
```
#9975db rgb(153,117,219)
```
#976ee2
```
#976ee2 rgb(151,110,226)
```
#9567e9
```
#9567e9 rgb(149,103,233)
```
#9361ef
```
#9361ef rgb(147,97,239)
```
#915af6
```
#915af6 rgb(145,90,246)
```
#8f53fd
```
#8f53fd rgb(143,83,253)
```

Tone Color Variation

Below, you can see how #976ee2 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

#878787 Achromatopsia 0.005% of the population
#8a8299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d87f2 Protanopia 1% of men
#508bdb Deuteranopia 1% of men
#888a94 Tritanopia 0.001% of the population

Trichromacy

#687eec Protanomaly 1% of men, 0.01% of women
#6a80dd Deuteranomaly 6% of men, 0.4% of women
#8d80b0 Tritanomaly 0.01% of the population

#976ee2 hex color

#976ee2 Color Information

#976ee2 Color Conversion

Color Schemes with #976ee2

Alternatives to #976ee2

#976ee2 Preview

Shades and Tints of #976ee2

Tones of #976ee2

Color Blindness Simulator