#976aed hex color

In a RGB color space, hex #976aed is composed of 59.2% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 260.6 degrees, a saturation of 78.4% and a lightness of 67.3%. #976aed color hex could be obtained by blending #ffd4ff with #2f00db. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 42
- B 93
RGB color chart
- C 36
- M 55
- Y 0
- K 7
CMYK color chart

● #976aed color description : Soft violet.

The hexadecimal color #976aed has RGB values of R:151, G:106, B:237 and CMYK values of C:0.36, M:0.55, Y:0, K:0.07. Its decimal value is 9923309.

Hex triplet	976aed	`#976aed`
RGB Decimal	151, 106, 237	`rgb(151,106,237)`
RGB Percent	59.2, 41.6, 92.9	`rgb(59.2%,41.6%,92.9%)`
CMYK	36, 55, 0, 7
HSL	260.6°, 78.4, 67.3	`hsl(260.6,78.4%,67.3%)`
HSV (or HSB)	260.6°, 55.3, 92.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.074, 45.776, -60.015
XYZ	33.2, 23.002, 82.807
xyY	0.239, 0.165, 23.002
CIE-LCH	55.074, 75.481, 307.334
CIE-LUV	55.074, 10.082, -98.79
Hunter-Lab	47.96, 39.635, -68.797
Binary	10010111, 01101010, 11101101

#976aed
```
#976aed rgb(151,106,237)
```
#c0ed6a
```
#c0ed6a rgb(192,237,106)
```

Complementary Color

#6a7fed
```
#6a7fed rgb(106,127,237)
```
#976aed
```
#976aed rgb(151,106,237)
```
#d96aed
```
#d96aed rgb(217,106,237)
```

Analogous Color

#7fed6a
```
#7fed6a rgb(127,237,106)
```
#976aed
```
#976aed rgb(151,106,237)
```
#edd96a
```
#edd96a rgb(237,217,106)
```

Split Complementary Color

#6aed97
```
#6aed97 rgb(106,237,151)
```
#976aed
```
#976aed rgb(151,106,237)
```
#ed976a
```
#ed976a rgb(237,151,106)
```

Triadic Color

#6ac0ed
```
#6ac0ed rgb(106,192,237)
```
#976aed
```
#976aed rgb(151,106,237)
```
#ed976a
```
#ed976a rgb(237,151,106)
```
#c0ed6a
```
#c0ed6a rgb(192,237,106)
```

Tetradic Color

#6726e5
```
#6726e5 rgb(103,38,229)
```
#773ce8
```
#773ce8 rgb(119,60,232)
```
#8753ea
```
#8753ea rgb(135,83,234)
```
#976aed
```
#976aed rgb(151,106,237)
```
#a781f0
```
#a781f0 rgb(167,129,240)
```
#b798f2
```
#b798f2 rgb(183,152,242)
```
#c7aef5
```
#c7aef5 rgb(199,174,245)
```

Monochromatic Color

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

#766aed
```
#766aed rgb(118,106,237)
```
#816aed
```
#816aed rgb(129,106,237)
```
#8c6aed
```
#8c6aed rgb(140,106,237)
```
#976aed
```
#976aed rgb(151,106,237)
```
#a26aed
```
#a26aed rgb(162,106,237)
```
#ad6aed
```
#ad6aed rgb(173,106,237)
```
#b86aed
```
#b86aed rgb(184,106,237)
```

Similar Colors

Text with hexadecimal color #976aed

This text has a font color of #976aed.

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

#976aed background color

This paragraph has a background color of #976aed.

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

#976aed border color

This element has a border color of #976aed.

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

CSS codes

.text {color:#976aed;}

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

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

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

#040109
```
#040109 rgb(4,1,9)
```
#0b031a
```
#0b031a rgb(11,3,26)
```
#12052c
```
#12052c rgb(18,5,44)
```
#1a073d
```
#1a073d rgb(26,7,61)
```
#21094f
```
#21094f rgb(33,9,79)
```
#290c60
```
#290c60 rgb(41,12,96)
```
#300e72
```
#300e72 rgb(48,14,114)
```
#371083
```
#371083 rgb(55,16,131)
```
#3f1295
```
#3f1295 rgb(63,18,149)
```
#4614a6
```
#4614a6 rgb(70,20,166)
```
#4e16b8
```
#4e16b8 rgb(78,22,184)
```
#5518c9
```
#5518c9 rgb(85,24,201)
```
#5c1adb
```
#5c1adb rgb(92,26,219)
```

Shade Color Variation

#6624e5
```
#6624e5 rgb(102,36,229)
```
#7235e7
```
#7235e7 rgb(114,53,231)
```
#7f47e9
```
#7f47e9 rgb(127,71,233)
```
#8b58eb
```
#8b58eb rgb(139,88,235)
```
#976aed
```
#976aed rgb(151,106,237)
```
#a37cef
```
#a37cef rgb(163,124,239)
```
#af8df1
```
#af8df1 rgb(175,141,241)
```
#bc9ff3
```
#bc9ff3 rgb(188,159,243)
```
#c8b0f5
```
#c8b0f5 rgb(200,176,245)
```
#d4c2f8
```
#d4c2f8 rgb(212,194,248)
```
#e0d3fa
```
#e0d3fa rgb(224,211,250)
```
#ede5fc
```
#ede5fc rgb(237,229,252)
```
#f9f6fe
```
#f9f6fe rgb(249,246,254)
```

Tint Color Variation

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

#abaaad
```
#abaaad rgb(171,170,173)
```
#a9a4b3
```
#a9a4b3 rgb(169,164,179)
```
#a79dba
```
#a79dba rgb(167,157,186)
```
#a597c0
```
#a597c0 rgb(165,151,192)
```
#a391c6
```
#a391c6 rgb(163,145,198)
```
#a18acd
```
#a18acd rgb(161,138,205)
```
#9f84d3
```
#9f84d3 rgb(159,132,211)
```
#9d7dda
```
#9d7dda rgb(157,125,218)
```
#9b77e0
```
#9b77e0 rgb(155,119,224)
```
#9970e7
```
#9970e7 rgb(153,112,231)
```
#976aed
```
#976aed rgb(151,106,237)
```
#9564f3
```
#9564f3 rgb(149,100,243)
```
#935dfa
```
#935dfa rgb(147,93,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#89809b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3386ff Protanopia 1% of men
#378be4 Deuteranopia 1% of men
#848a94 Tritanopia 0.001% of the population

Trichromacy

#577bf8 Protanomaly 1% of men, 0.01% of women
#5a7fe7 Deuteranomaly 6% of men, 0.4% of women
#8b7eb4 Tritanomaly 0.01% of the population

#976aed hex color

#976aed Color Information

#976aed Color Conversion

Color Schemes with #976aed

Alternatives to #976aed

#976aed Preview

Shades and Tints of #976aed

Tones of #976aed

Color Blindness Simulator