#976ef2 hex color

In a RGB color space, hex #976ef2 is composed of 59.2% red, 43.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 54.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 258.6 degrees, a saturation of 83.5% and a lightness of 69%. #976ef2 color hex could be obtained by blending #ffdcff with #2f00e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 59
- G 43
- B 95
RGB color chart
- C 38
- M 55
- Y 0
- K 5
CMYK color chart

● #976ef2 color description : Soft violet.

The hexadecimal color #976ef2 has RGB values of R:151, G:110, B:242 and CMYK values of C:0.38, M:0.55, Y:0, K:0.05. Its decimal value is 9924338.

Hex triplet	976ef2	`#976ef2`
RGB Decimal	151, 110, 242	`rgb(151,110,242)`
RGB Percent	59.2, 43.1, 94.9	`rgb(59.2%,43.1%,94.9%)`
CMYK	38, 55, 0, 5
HSL	258.6°, 83.5, 69	`hsl(258.6,83.5%,69%)`
HSV (or HSB)	258.6°, 54.5, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.229, 44.86, -60.947
XYZ	34.363, 24.142, 86.849
xyY	0.236, 0.166, 24.142
CIE-LCH	56.229, 75.676, 306.355
CIE-LUV	56.229, 8.303, -100.616
Hunter-Lab	49.134, 38.851, -70.406
Binary	10010111, 01101110, 11110010

#976ef2
```
#976ef2 rgb(151,110,242)
```
#c9f26e
```
#c9f26e rgb(201,242,110)
```

Complementary Color

#6e87f2
```
#6e87f2 rgb(110,135,242)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#d96ef2
```
#d96ef2 rgb(217,110,242)
```

Analogous Color

#87f26e
```
#87f26e rgb(135,242,110)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#f2d96e
```
#f2d96e rgb(242,217,110)
```

Split Complementary Color

#6ef297
```
#6ef297 rgb(110,242,151)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#f2976e
```
#f2976e rgb(242,151,110)
```

Triadic Color

#6ec9f2
```
#6ec9f2 rgb(110,201,242)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#f2976e
```
#f2976e rgb(242,151,110)
```
#c9f26e
```
#c9f26e rgb(201,242,110)
```

Tetradic Color

#6528ec
```
#6528ec rgb(101,40,236)
```
#753fee
```
#753fee rgb(117,63,238)
```
#8657f0
```
#8657f0 rgb(134,87,240)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#a885f4
```
#a885f4 rgb(168,133,244)
```
#b99df6
```
#b99df6 rgb(185,157,246)
```
#c9b4f8
```
#c9b4f8 rgb(201,180,248)
```

Monochromatic Color

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

#766ef2
```
#766ef2 rgb(118,110,242)
```
#816ef2
```
#816ef2 rgb(129,110,242)
```
#8c6ef2
```
#8c6ef2 rgb(140,110,242)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#a26ef2
```
#a26ef2 rgb(162,110,242)
```
#ad6ef2
```
#ad6ef2 rgb(173,110,242)
```
#b86ef2
```
#b86ef2 rgb(184,110,242)
```

Similar Colors

Text with hexadecimal color #976ef2

This text has a font color of #976ef2.

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

#976ef2 background color

This paragraph has a background color of #976ef2.

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

#976ef2 border color

This element has a border color of #976ef2.

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

CSS codes

.text {color:#976ef2;}

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

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

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

#060211
```
#060211 rgb(6,2,17)
```
#0d0323
```
#0d0323 rgb(13,3,35)
```
#140535
```
#140535 rgb(20,5,53)
```
#1a0647
```
#1a0647 rgb(26,6,71)
```
#210859
```
#210859 rgb(33,8,89)
```
#280a6b
```
#280a6b rgb(40,10,107)
```
#2f0b7d
```
#2f0b7d rgb(47,11,125)
```
#350d8f
```
#350d8f rgb(53,13,143)
```
#3c0ea1
```
#3c0ea1 rgb(60,14,161)
```
#4310b3
```
#4310b3 rgb(67,16,179)
```
#4912c5
```
#4912c5 rgb(73,18,197)
```
#5013d7
```
#5013d7 rgb(80,19,215)
```
#5715e9
```
#5715e9 rgb(87,21,233)
```

Shade Color Variation

#6326ec
```
#6326ec rgb(99,38,236)
```
#7038ed
```
#7038ed rgb(112,56,237)
```
#7d4aef
```
#7d4aef rgb(125,74,239)
```
#8a5cf0
```
#8a5cf0 rgb(138,92,240)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#a480f4
```
#a480f4 rgb(164,128,244)
```
#b192f5
```
#b192f5 rgb(177,146,245)
```
#bea4f7
```
#bea4f7 rgb(190,164,247)
```
#cbb6f8
```
#cbb6f8 rgb(203,182,248)
```
#d8c8fa
```
#d8c8fa rgb(216,200,250)
```
#e4dafc
```
#e4dafc rgb(228,218,252)
```
#f1ecfd
```
#f1ecfd rgb(241,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aeabb5
```
#aeabb5 rgb(174,171,181)
```
#aca5bb
```
#aca5bb rgb(172,165,187)
```
#a99fc1
```
#a99fc1 rgb(169,159,193)
```
#a799c7
```
#a799c7 rgb(167,153,199)
```
#a592ce
```
#a592ce rgb(165,146,206)
```
#a38cd4
```
#a38cd4 rgb(163,140,212)
```
#a086da
```
#a086da rgb(160,134,218)
```
#9e80e0
```
#9e80e0 rgb(158,128,224)
```
#9c7ae6
```
#9c7ae6 rgb(156,122,230)
```
#9974ec
```
#9974ec rgb(153,116,236)
```
#976ef2
```
#976ef2 rgb(151,110,242)
```
#9568f8
```
#9568f8 rgb(149,104,248)
```
#9262fe
```
#9262fe rgb(146,98,254)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#8c849e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#378ee9 Deuteranopia 1% of men
#838e98 Tritanopia 0.001% of the population

Trichromacy

#5f7ffa Protanomaly 1% of men, 0.01% of women
#5a82ec Deuteranomaly 6% of men, 0.4% of women
#8a82b9 Tritanomaly 0.01% of the population

#976ef2 hex color

#976ef2 Color Information

#976ef2 Color Conversion

Color Schemes with #976ef2

Alternatives to #976ef2

#976ef2 Preview

Shades and Tints of #976ef2

Tones of #976ef2

Color Blindness Simulator