#e31996 hex color

In a RGB color space, hex #e31996 is composed of 89% red, 9.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89% magenta, 33.9% yellow and 11% black. It has a hue angle of 322.9 degrees, a saturation of 80.2% and a lightness of 49.4%. #e31996 color hex could be obtained by blending #ff32ff with #c7002d. Closest websafe color is: #cc0099.

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

● #e31996 color description : Vivid pink.

The hexadecimal color #e31996 has RGB values of R:227, G:25, B:150 and CMYK values of C:0, M:0.89, Y:0.34, K:0.11. Its decimal value is 14883222.

Hex triplet	e31996	`#e31996`
RGB Decimal	227, 25, 150	`rgb(227,25,150)`
RGB Percent	89, 9.8, 58.8	`rgb(89%,9.8%,58.8%)`
CMYK	0, 89, 34, 11
HSL	322.9°, 80.2, 49.4	`hsl(322.9,80.2%,49.4%)`
HSV (or HSB)	322.9°, 89, 89
Web Safe	cc0099	`#cc0099`

CIE-LAB	50.958, 78.214, -15.543
XYZ	37.532, 19.232, 30.588
xyY	0.43, 0.22, 19.232
CIE-LCH	50.958, 79.743, 348.76
CIE-LUV	50.958, 106.992, -35.791
Hunter-Lab	43.854, 76.021, -10.657
Binary	11100011, 00011001, 10010110

#e31996
```
#e31996 rgb(227,25,150)
```
#19e366
```
#19e366 rgb(25,227,102)
```

Complementary Color

#cb19e3
```
#cb19e3 rgb(203,25,227)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#e31931
```
#e31931 rgb(227,25,49)
```

Analogous Color

#19e3cb
```
#19e3cb rgb(25,227,203)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#31e319
```
#31e319 rgb(49,227,25)
```

Split Complementary Color

#1996e3
```
#1996e3 rgb(25,150,227)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#96e319
```
#96e319 rgb(150,227,25)
```

Triadic Color

#6619e3
```
#6619e3 rgb(102,25,227)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#96e319
```
#96e319 rgb(150,227,25)
```
#19e366
```
#19e366 rgb(25,227,102)
```

Tetradic Color

#9e1168
```
#9e1168 rgb(158,17,104)
```
#b51478
```
#b51478 rgb(181,20,120)
```
#cc1687
```
#cc1687 rgb(204,22,135)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#e82ea1
```
#e82ea1 rgb(232,46,161)
```
#ea45ab
```
#ea45ab rgb(234,69,171)
```
#ed5cb6
```
#ed5cb6 rgb(237,92,182)
```

Monochromatic Color

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

#e319c9
```
#e319c9 rgb(227,25,201)
```
#e319b8
```
#e319b8 rgb(227,25,184)
```
#e319a7
```
#e319a7 rgb(227,25,167)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#e31985
```
#e31985 rgb(227,25,133)
```
#e31974
```
#e31974 rgb(227,25,116)
```
#e31964
```
#e31964 rgb(227,25,100)
```

Similar Colors

Text with hexadecimal color #e31996

This text has a font color of #e31996.

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

#e31996 background color

This paragraph has a background color of #e31996.

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

#e31996 border color

This element has a border color of #e31996.

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

CSS codes

.text {color:#e31996;}

.background {background-color:#e31996;}

.border {border:1px solid #e31996;}

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, #0f020a is the darkest color, while #fffcfe is the lightest one.

#0f020a
```
#0f020a rgb(15,2,10)
```
#210416
```
#210416 rgb(33,4,22)
```
#320621
```
#320621 rgb(50,6,33)
```
#44072d
```
#44072d rgb(68,7,45)
```
#560939
```
#560939 rgb(86,9,57)
```
#670b44
```
#670b44 rgb(103,11,68)
```
#790d50
```
#790d50 rgb(121,13,80)
```
#8b0f5c
```
#8b0f5c rgb(139,15,92)
```
#9c1167
```
#9c1167 rgb(156,17,103)
```
#ae1373
```
#ae1373 rgb(174,19,115)
```
#c0157f
```
#c0157f rgb(192,21,127)
```
#d1178a
```
#d1178a rgb(209,23,138)
```
#e31996
```
#e31996 rgb(227,25,150)
```

Shade Color Variation

#e7289f
```
#e7289f rgb(231,40,159)
```
#e93aa6
```
#e93aa6 rgb(233,58,166)
```
#eb4cae
```
#eb4cae rgb(235,76,174)
```
#ed5db6
```
#ed5db6 rgb(237,93,182)
```
#ef6fbe
```
#ef6fbe rgb(239,111,190)
```
#f181c6
```
#f181c6 rgb(241,129,198)
```
#f392ce
```
#f392ce rgb(243,146,206)
```
#f5a4d6
```
#f5a4d6 rgb(245,164,214)
```
#f7b6de
```
#f7b6de rgb(247,182,222)
```
#f9c7e6
```
#f9c7e6 rgb(249,199,230)
```
#fbd9ee
```
#fbd9ee rgb(251,217,238)
```
#fdebf6
```
#fdebf6 rgb(253,235,246)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#827a7f
```
#827a7f rgb(130,122,127)
```
#8c7081
```
#8c7081 rgb(140,112,129)
```
#956784
```
#956784 rgb(149,103,132)
```
#9f5d86
```
#9f5d86 rgb(159,93,134)
```
#a95388
```
#a95388 rgb(169,83,136)
```
#b3498a
```
#b3498a rgb(179,73,138)
```
#bc408d
```
#bc408d rgb(188,64,141)
```
#c6368f
```
#c6368f rgb(198,54,143)
```
#d02c91
```
#d02c91 rgb(208,44,145)
```
#d92394
```
#d92394 rgb(217,35,148)
```
#e31996
```
#e31996 rgb(227,25,150)
```
#ed0f98
```
#ed0f98 rgb(237,15,152)
```
#f6069b
```
#f6069b rgb(246,6,155)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7d556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d7dcb Protanopia 1% of men
#867d8c Deuteranopia 1% of men
#de484b Tritanopia 0.001% of the population

Trichromacy

#8e59b7 Protanomaly 1% of men, 0.01% of women
#a75890 Deuteranomaly 6% of men, 0.4% of women
#e03666 Tritanomaly 0.01% of the population

#e31996 hex color

#e31996 Color Information

#e31996 Color Conversion

Color Schemes with #e31996

Alternatives to #e31996

#e31996 Preview

Shades and Tints of #e31996

Tones of #e31996

Color Blindness Simulator