#e31596 hex color

In a RGB color space, hex #e31596 is composed of 89% red, 8.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 33.9% yellow and 11% black. It has a hue angle of 322.4 degrees, a saturation of 83.1% and a lightness of 48.6%. #e31596 color hex could be obtained by blending #ff2aff with #c7002d. Closest websafe color is: #cc0099.

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

● #e31596 color description : Vivid pink.

The hexadecimal color #e31596 has RGB values of R:227, G:21, B:150 and CMYK values of C:0, M:0.91, Y:0.34, K:0.11. Its decimal value is 14882198.

Hex triplet	e31596	`#e31596`
RGB Decimal	227, 21, 150	`rgb(227,21,150)`
RGB Percent	89, 8.2, 58.8	`rgb(89%,8.2%,58.8%)`
CMYK	0, 91, 34, 11
HSL	322.4°, 83.1, 48.6	`hsl(322.4,83.1%,48.6%)`
HSV (or HSB)	322.4°, 90.7, 89
Web Safe	cc0099	`#cc0099`

CIE-LAB	50.773, 78.752, -15.824
XYZ	37.452, 19.073, 30.562
xyY	0.43, 0.219, 19.073
CIE-LCH	50.773, 80.326, 348.639
CIE-LUV	50.773, 107.551, -36.26
Hunter-Lab	43.673, 76.649, -10.92
Binary	11100011, 00010101, 10010110

#e31596
```
#e31596 rgb(227,21,150)
```
#15e362
```
#15e362 rgb(21,227,98)
```

Complementary Color

#c915e3
```
#c915e3 rgb(201,21,227)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#e3152f
```
#e3152f rgb(227,21,47)
```

Analogous Color

#15e3c9
```
#15e3c9 rgb(21,227,201)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#2fe315
```
#2fe315 rgb(47,227,21)
```

Split Complementary Color

#1596e3
```
#1596e3 rgb(21,150,227)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#96e315
```
#96e315 rgb(150,227,21)
```

Triadic Color

#6215e3
```
#6215e3 rgb(98,21,227)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#96e315
```
#96e315 rgb(150,227,21)
```
#15e362
```
#15e362 rgb(21,227,98)
```

Tetradic Color

#9d0f68
```
#9d0f68 rgb(157,15,104)
```
#b41177
```
#b41177 rgb(180,17,119)
```
#cc1387
```
#cc1387 rgb(204,19,135)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#eb27a2
```
#eb27a2 rgb(235,39,162)
```
#ed3eac
```
#ed3eac rgb(237,62,172)
```
#ef55b6
```
#ef55b6 rgb(239,85,182)
```

Monochromatic Color

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

#e315ca
```
#e315ca rgb(227,21,202)
```
#e315b8
```
#e315b8 rgb(227,21,184)
```
#e315a7
```
#e315a7 rgb(227,21,167)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#e31585
```
#e31585 rgb(227,21,133)
```
#e31574
```
#e31574 rgb(227,21,116)
```
#e31562
```
#e31562 rgb(227,21,98)
```

Similar Colors

Text with hexadecimal color #e31596

This text has a font color of #e31596.

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

#e31596 background color

This paragraph has a background color of #e31596.

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

#e31596 border color

This element has a border color of #e31596.

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

CSS codes

.text {color:#e31596;}

.background {background-color:#e31596;}

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

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

#0c0108
```
#0c0108 rgb(12,1,8)
```
#1e0313
```
#1e0313 rgb(30,3,19)
```
#2f041f
```
#2f041f rgb(47,4,31)
```
#41062b
```
#41062b rgb(65,6,43)
```
#530837
```
#530837 rgb(83,8,55)
```
#650943
```
#650943 rgb(101,9,67)
```
#770b4f
```
#770b4f rgb(119,11,79)
```
#890d5b
```
#890d5b rgb(137,13,91)
```
#9b0e67
```
#9b0e67 rgb(155,14,103)
```
#ad1072
```
#ad1072 rgb(173,16,114)
```
#bf127e
```
#bf127e rgb(191,18,126)
```
#d1138a
```
#d1138a rgb(209,19,138)
```
#e31596
```
#e31596 rgb(227,21,150)
```

Shade Color Variation

#ea219f
```
#ea219f rgb(234,33,159)
```
#ec33a7
```
#ec33a7 rgb(236,51,167)
```
#ee45af
```
#ee45af rgb(238,69,175)
```
#ef57b6
```
#ef57b6 rgb(239,87,182)
```
#f169be
```
#f169be rgb(241,105,190)
```
#f37bc6
```
#f37bc6 rgb(243,123,198)
```
#f48dce
```
#f48dce rgb(244,141,206)
```
#f69fd5
```
#f69fd5 rgb(246,159,213)
```
#f8b1dd
```
#f8b1dd rgb(248,177,221)
```
#f9c3e5
```
#f9c3e5 rgb(249,195,229)
```
#fbd5ed
```
#fbd5ed rgb(251,213,237)
```
#fde7f4
```
#fde7f4 rgb(253,231,244)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#84747e
```
#84747e rgb(132,116,126)
```
#8d6b80
```
#8d6b80 rgb(141,107,128)
```
#976183
```
#976183 rgb(151,97,131)
```
#a05885
```
#a05885 rgb(160,88,133)
```
#aa4e88
```
#aa4e88 rgb(170,78,136)
```
#b3458a
```
#b3458a rgb(179,69,138)
```
#bd3b8c
```
#bd3b8c rgb(189,59,140)
```
#c6328f
```
#c6328f rgb(198,50,143)
```
#d02891
```
#d02891 rgb(208,40,145)
```
#d91f94
```
#d91f94 rgb(217,31,148)
```
#e31596
```
#e31596 rgb(227,21,150)
```
#ed0b98
```
#ed0b98 rgb(237,11,152)
```
#f6029b
```
#f6029b rgb(246,2,155)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7b526c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c7dcc Protanopia 1% of men
#857c8c Deuteranopia 1% of men
#de4649 Tritanopia 0.001% of the population

Trichromacy

#8d57b8 Protanomaly 1% of men, 0.01% of women
#a7568f Deuteranomaly 6% of men, 0.4% of women
#e03465 Tritanomaly 0.01% of the population

#e31596 hex color

#e31596 Color Information

#e31596 Color Conversion

Color Schemes with #e31596

Alternatives to #e31596

#e31596 Preview

Shades and Tints of #e31596

Tones of #e31596

Color Blindness Simulator