#976ed0 hex color

In a RGB color space, hex #976ed0 is composed of 59.2% red, 43.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 47.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 265.1 degrees, a saturation of 51% and a lightness of 62.4%. #976ed0 color hex could be obtained by blending #ffdcff with #2f00a1. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 59
- G 43
- B 82
RGB color chart
- C 27
- M 47
- Y 0
- K 18
CMYK color chart

● #976ed0 color description : Slightly desaturated violet.

The hexadecimal color #976ed0 has RGB values of R:151, G:110, B:208 and CMYK values of C:0.27, M:0.47, Y:0, K:0.18. Its decimal value is 9924304.

Hex triplet	976ed0	`#976ed0`
RGB Decimal	151, 110, 208	`rgb(151,110,208)`
RGB Percent	59.2, 43.1, 81.6	`rgb(59.2%,43.1%,81.6%)`
CMYK	27, 47, 0, 18
HSL	265.1°, 51, 62.4	`hsl(265.1,51%,62.4%)`
HSV (or HSB)	265.1°, 47.1, 81.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.329, 36.236, -44.876
XYZ	29.722, 22.285, 62.407
xyY	0.26, 0.195, 22.285
CIE-LCH	54.329, 57.68, 308.92
CIE-LUV	54.329, 12.599, -73.788
Hunter-Lab	47.207, 29.77, -45.334
Binary	10010111, 01101110, 11010000

#976ed0
```
#976ed0 rgb(151,110,208)
```
#a7d06e
```
#a7d06e rgb(167,208,110)
```

Complementary Color

#6e76d0
```
#6e76d0 rgb(110,118,208)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#c86ed0
```
#c86ed0 rgb(200,110,208)
```

Analogous Color

#76d06e
```
#76d06e rgb(118,208,110)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#d0c86e
```
#d0c86e rgb(208,200,110)
```

Split Complementary Color

#6ed097
```
#6ed097 rgb(110,208,151)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#d0976e
```
#d0976e rgb(208,151,110)
```

Triadic Color

#6ea7d0
```
#6ea7d0 rgb(110,167,208)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#d0976e
```
#d0976e rgb(208,151,110)
```
#a7d06e
```
#a7d06e rgb(167,208,110)
```

Tetradic Color

#6f3bb6
```
#6f3bb6 rgb(111,59,182)
```
#7b47c4
```
#7b47c4 rgb(123,71,196)
```
#895bca
```
#895bca rgb(137,91,202)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#a581d6
```
#a581d6 rgb(165,129,214)
```
#b395dc
```
#b395dc rgb(179,149,220)
```
#c0a8e3
```
#c0a8e3 rgb(192,168,227)
```

Monochromatic Color

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

#7f6ed0
```
#7f6ed0 rgb(127,110,208)
```
#876ed0
```
#876ed0 rgb(135,110,208)
```
#8f6ed0
```
#8f6ed0 rgb(143,110,208)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#9f6ed0
```
#9f6ed0 rgb(159,110,208)
```
#a76ed0
```
#a76ed0 rgb(167,110,208)
```
#b06ed0
```
#b06ed0 rgb(176,110,208)
```

Similar Colors

Text with hexadecimal color #976ed0

This text has a font color of #976ed0.

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

#976ed0 background color

This paragraph has a background color of #976ed0.

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

#976ed0 border color

This element has a border color of #976ed0.

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

CSS codes

.text {color:#976ed0;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0612
```
#0b0612 rgb(11,6,18)
```
#140b21
```
#140b21 rgb(20,11,33)
```
#1d0f30
```
#1d0f30 rgb(29,15,48)
```
#26143e
```
#26143e rgb(38,20,62)
```
#2f194d
```
#2f194d rgb(47,25,77)
```
#381e5c
```
#381e5c rgb(56,30,92)
```
#41236b
```
#41236b rgb(65,35,107)
```
#4a277a
```
#4a277a rgb(74,39,122)
```
#532c88
```
#532c88 rgb(83,44,136)
```
#5c3197
```
#5c3197 rgb(92,49,151)
```
#6536a6
```
#6536a6 rgb(101,54,166)
```
#6e3bb5
```
#6e3bb5 rgb(110,59,181)
```

Shade Color Variation

#7742c2
```
#7742c2 rgb(119,66,194)
```
#8250c6
```
#8250c6 rgb(130,80,198)
```
#8c5fcb
```
#8c5fcb rgb(140,95,203)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#a27dd5
```
#a27dd5 rgb(162,125,213)
```
#ac8cda
```
#ac8cda rgb(172,140,218)
```
#b79ade
```
#b79ade rgb(183,154,222)
```
#c2a9e3
```
#c2a9e3 rgb(194,169,227)
```
#ccb8e8
```
#ccb8e8 rgb(204,184,232)
```
#d7c7ed
```
#d7c7ed rgb(215,199,237)
```
#e1d6f2
```
#e1d6f2 rgb(225,214,242)
```
#ece5f6
```
#ece5f6 rgb(236,229,246)
```
#f7f3fb
```
#f7f3fb rgb(247,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9aa4 is the less saturated color, while #9042fc is the most saturated one.

#9e9aa4
```
#9e9aa4 rgb(158,154,164)
```
#9d93ab
```
#9d93ab rgb(157,147,171)
```
#9c8cb2
```
#9c8cb2 rgb(156,140,178)
```
#9b84ba
```
#9b84ba rgb(155,132,186)
```
#997dc1
```
#997dc1 rgb(153,125,193)
```
#9875c9
```
#9875c9 rgb(152,117,201)
```
#976ed0
```
#976ed0 rgb(151,110,208)
```
#9667d7
```
#9667d7 rgb(150,103,215)
```
#955fdf
```
#955fdf rgb(149,95,223)
```
#9358e6
```
#9358e6 rgb(147,88,230)
```
#9250ee
```
#9250ee rgb(146,80,238)
```
#9149f5
```
#9149f5 rgb(145,73,245)
```
#9042fc
```
#9042fc rgb(144,66,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#898094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d85df Protanopia 1% of men
#6288cb Deuteranopia 1% of men
#8d868f Tritanopia 0.001% of the population

Trichromacy

#727cd9 Protanomaly 1% of men, 0.01% of women
#757ecd Deuteranomaly 6% of men, 0.4% of women
#907da7 Tritanomaly 0.01% of the population

#976ed0 hex color

#976ed0 Color Information

#976ed0 Color Conversion

Color Schemes with #976ed0

Alternatives to #976ed0

#976ed0 Preview

Shades and Tints of #976ed0

Tones of #976ed0

Color Blindness Simulator