#e31a4e hex color

In a RGB color space, hex #e31a4e is composed of 89% red, 10.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.5% magenta, 65.6% yellow and 11% black. It has a hue angle of 344.5 degrees, a saturation of 79.4% and a lightness of 49.6%. #e31a4e color hex could be obtained by blending #ff349c with #c70000. Closest websafe color is: #cc3366.

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

● #e31a4e color description : Vivid pink.

The hexadecimal color #e31a4e has RGB values of R:227, G:26, B:78 and CMYK values of C:0, M:0.89, Y:0.66, K:0.11. Its decimal value is 14883406.

Hex triplet	e31a4e	`#e31a4e`
RGB Decimal	227, 26, 78	`rgb(227,26,78)`
RGB Percent	89, 10.2, 30.6	`rgb(89%,10.2%,30.6%)`
CMYK	0, 89, 66, 11
HSL	344.5°, 79.4, 49.6	`hsl(344.5,79.4%,49.6%)`
HSV (or HSB)	344.5°, 88.5, 89
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.037, 72.592, 25.501
XYZ	33.425, 17.624, 8.849
xyY	0.558, 0.294, 17.624
CIE-LCH	49.037, 76.941, 19.356
CIE-LUV	49.037, 136.669, 13.207
Hunter-Lab	41.981, 68.653, 16.889
Binary	11100011, 00011010, 01001110

#e31a4e
```
#e31a4e rgb(227,26,78)
```
#1ae3af
```
#1ae3af rgb(26,227,175)
```

Complementary Color

#e31ab3
```
#e31ab3 rgb(227,26,179)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#e34a1a
```
#e34a1a rgb(227,74,26)
```

Analogous Color

#1ab3e3
```
#1ab3e3 rgb(26,179,227)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#1ae34a
```
#1ae34a rgb(26,227,74)
```

Split Complementary Color

#1a4ee3
```
#1a4ee3 rgb(26,78,227)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#4ee31a
```
#4ee31a rgb(78,227,26)
```

Triadic Color

#af1ae3
```
#af1ae3 rgb(175,26,227)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#4ee31a
```
#4ee31a rgb(78,227,26)
```
#1ae3af
```
#1ae3af rgb(26,227,175)
```

Tetradic Color

#9e1236
```
#9e1236 rgb(158,18,54)
```
#b5153e
```
#b5153e rgb(181,21,62)
```
#cc1746
```
#cc1746 rgb(204,23,70)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#e72f5f
```
#e72f5f rgb(231,47,95)
```
#ea4671
```
#ea4671 rgb(234,70,113)
```
#ec5d82
```
#ec5d82 rgb(236,93,130)
```

Monochromatic Color

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

#e31a80
```
#e31a80 rgb(227,26,128)
```
#e31a70
```
#e31a70 rgb(227,26,112)
```
#e31a5f
```
#e31a5f rgb(227,26,95)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#e31a3d
```
#e31a3d rgb(227,26,61)
```
#e31a2d
```
#e31a2d rgb(227,26,45)
```
#e31a1c
```
#e31a1c rgb(227,26,28)
```

Similar Colors

Text with hexadecimal color #e31a4e

This text has a font color of #e31a4e.

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

#e31a4e background color

This paragraph has a background color of #e31a4e.

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

#e31a4e border color

This element has a border color of #e31a4e.

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

CSS codes

.text {color:#e31a4e;}

.background {background-color:#e31a4e;}

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

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

#100205
```
#100205 rgb(16,2,5)
```
#21040b
```
#21040b rgb(33,4,11)
```
#330612
```
#330612 rgb(51,6,18)
```
#450818
```
#450818 rgb(69,8,24)
```
#560a1e
```
#560a1e rgb(86,10,30)
```
#680c24
```
#680c24 rgb(104,12,36)
```
#790e2a
```
#790e2a rgb(121,14,42)
```
#8b1030
```
#8b1030 rgb(139,16,48)
```
#9d1236
```
#9d1236 rgb(157,18,54)
```
#ae143c
```
#ae143c rgb(174,20,60)
```
#c01642
```
#c01642 rgb(192,22,66)
```
#d11848
```
#d11848 rgb(209,24,72)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```

Shade Color Variation

#e72a5b
```
#e72a5b rgb(231,42,91)
```
#e93c68
```
#e93c68 rgb(233,60,104)
```
#eb4d76
```
#eb4d76 rgb(235,77,118)
```
#ed5f84
```
#ed5f84 rgb(237,95,132)
```
#ef7091
```
#ef7091 rgb(239,112,145)
```
#f1829f
```
#f1829f rgb(241,130,159)
```
#f394ac
```
#f394ac rgb(243,148,172)
```
#f5a5ba
```
#f5a5ba rgb(245,165,186)
```
#f7b7c7
```
#f7b7c7 rgb(247,183,199)
```
#f9c8d5
```
#f9c8d5 rgb(249,200,213)
```
#fbdae2
```
#fbdae2 rgb(251,218,226)
```
#fdecf0
```
#fdecf0 rgb(253,236,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#827b7d
```
#827b7d rgb(130,123,125)
```
#8b7278
```
#8b7278 rgb(139,114,120)
```
#956874
```
#956874 rgb(149,104,116)
```
#9f5e6f
```
#9f5e6f rgb(159,94,111)
```
#a9546a
```
#a9546a rgb(169,84,106)
```
#b24b65
```
#b24b65 rgb(178,75,101)
```
#bc4161
```
#bc4161 rgb(188,65,97)
```
#c6375c
```
#c6375c rgb(198,55,92)
```
#d02d57
```
#d02d57 rgb(208,45,87)
```
#d92453
```
#d92453 rgb(217,36,83)
```
#e31a4e
```
#e31a4e rgb(227,26,78)
```
#ed1049
```
#ed1049 rgb(237,16,73)
```
#f60745
```
#f60745 rgb(246,7,69)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#774f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7b74 Protanopia 1% of men
#95764a Deuteranopia 1% of men
#e33130 Tritanopia 0.001% of the population

Trichromacy

#a35766 Protanomaly 1% of men, 0.01% of women
#b1544b Deuteranomaly 6% of men, 0.4% of women
#e3283b Tritanomaly 0.01% of the population

#e31a4e hex color

#e31a4e Color Information

#e31a4e Color Conversion

Color Schemes with #e31a4e

Alternatives to #e31a4e

#e31a4e Preview

Shades and Tints of #e31a4e

Tones of #e31a4e

Color Blindness Simulator