#e31e2d hex color

In a RGB color space, hex #e31e2d is composed of 89% red, 11.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 80.2% yellow and 11% black. It has a hue angle of 355.4 degrees, a saturation of 77.9% and a lightness of 50.4%. #e31e2d color hex could be obtained by blending #ff3c5a with #c70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 89
- G 12
- B 18
RGB color chart
- C 0
- M 87
- Y 80
- K 11
CMYK color chart

● #e31e2d color description : Vivid red.

The hexadecimal color #e31e2d has RGB values of R:227, G:30, B:45 and CMYK values of C:0, M:0.87, Y:0.8, K:0.11. Its decimal value is 14884397.

Hex triplet	e31e2d	`#e31e2d`
RGB Decimal	227, 30, 45	`rgb(227,30,45)`
RGB Percent	89, 11.8, 17.6	`rgb(89%,11.8%,17.6%)`
CMYK	0, 87, 80, 11
HSL	355.4°, 77.9, 50.4	`hsl(355.4,77.9%,50.4%)`
HSV (or HSB)	355.4°, 86.8, 89
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.826, 70.639, 44.549
XYZ	32.618, 17.453, 4.134
xyY	0.602, 0.322, 17.453
CIE-LCH	48.826, 83.514, 32.238
CIE-LUV	48.826, 144.344, 27.69
Hunter-Lab	41.777, 66.258, 23.377
Binary	11100011, 00011110, 00101101

#e31e2d
```
#e31e2d rgb(227,30,45)
```
#1ee3d4
```
#1ee3d4 rgb(30,227,212)
```

Complementary Color

#e31e90
```
#e31e90 rgb(227,30,144)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#e3721e
```
#e3721e rgb(227,114,30)
```

Analogous Color

#1e90e3
```
#1e90e3 rgb(30,144,227)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#1ee372
```
#1ee372 rgb(30,227,114)
```

Split Complementary Color

#1e2de3
```
#1e2de3 rgb(30,45,227)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#2de31e
```
#2de31e rgb(45,227,30)
```

Triadic Color

#d41ee3
```
#d41ee3 rgb(212,30,227)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#2de31e
```
#2de31e rgb(45,227,30)
```
#1ee3d4
```
#1ee3d4 rgb(30,227,212)
```

Tetradic Color

#a1141f
```
#a1141f rgb(161,20,31)
```
#b71723
```
#b71723 rgb(183,23,35)
```
#ce1a27
```
#ce1a27 rgb(206,26,39)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#e63542
```
#e63542 rgb(230,53,66)
```
#e94b57
```
#e94b57 rgb(233,75,87)
```
#eb626c
```
#eb626c rgb(235,98,108)
```

Monochromatic Color

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

#e31e5e
```
#e31e5e rgb(227,30,94)
```
#e31e4e
```
#e31e4e rgb(227,30,78)
```
#e31e3d
```
#e31e3d rgb(227,30,61)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#e31f1e
```
#e31f1e rgb(227,31,30)
```
#e3301e
```
#e3301e rgb(227,48,30)
```
#e3401e
```
#e3401e rgb(227,64,30)
```

Similar Colors

Text with hexadecimal color #e31e2d

This text has a font color of #e31e2d.

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

#e31e2d background color

This paragraph has a background color of #e31e2d.

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

#e31e2d border color

This element has a border color of #e31e2d.

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

CSS codes

.text {color:#e31e2d;}

.background {background-color:#e31e2d;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130204
```
#130204 rgb(19,2,4)
```
#250507
```
#250507 rgb(37,5,7)
```
#36070a
```
#36070a rgb(54,7,10)
```
#48090e
```
#48090e rgb(72,9,14)
```
#590b11
```
#590b11 rgb(89,11,17)
```
#6a0d14
```
#6a0d14 rgb(106,13,20)
```
#7c0f18
```
#7c0f18 rgb(124,15,24)
```
#8d121b
```
#8d121b rgb(141,18,27)
```
#9f141e
```
#9f141e rgb(159,20,30)
```
#b01622
```
#b01622 rgb(176,22,34)
```
#c21825
```
#c21825 rgb(194,24,37)
```
#d31a28
```
#d31a28 rgb(211,26,40)
```

Shade Color Variation

#e31e2d
```
#e31e2d rgb(227,30,45)
```
#e52f3d
```
#e52f3d rgb(229,47,61)
```
#e7414e
```
#e7414e rgb(231,65,78)
```
#ea525e
```
#ea525e rgb(234,82,94)
```
#ec646e
```
#ec646e rgb(236,100,110)
```
#ee757e
```
#ee757e rgb(238,117,126)
```
#f0878f
```
#f0878f rgb(240,135,143)
```
#f2989f
```
#f2989f rgb(242,152,159)
```
#f4aaaf
```
#f4aaaf rgb(244,170,175)
```
#f7bbc0
```
#f7bbc0 rgb(247,187,192)
```
#f9ccd0
```
#f9ccd0 rgb(249,204,208)
```
#fbdee0
```
#fbdee0 rgb(251,222,224)
```
#fdeff0
```
#fdeff0 rgb(253,239,240)
```

Tint Color Variation

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

#827f7f
```
#827f7f rgb(130,127,127)
```
#8b7677
```
#8b7677 rgb(139,118,119)
```
#956c6f
```
#956c6f rgb(149,108,111)
```
#9f6267
```
#9f6267 rgb(159,98,103)
```
#a9585e
```
#a9585e rgb(169,88,94)
```
#b24f56
```
#b24f56 rgb(178,79,86)
```
#bc454e
```
#bc454e rgb(188,69,78)
```
#c63b46
```
#c63b46 rgb(198,59,70)
```
#d0313d
```
#d0313d rgb(208,49,61)
```
#d92835
```
#d92835 rgb(217,40,53)
```
#e31e2d
```
#e31e2d rgb(227,30,45)
```
#ed1425
```
#ed1425 rgb(237,20,37)
```
#f60b1d
```
#f60b1d rgb(246,11,29)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#764f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4c Protanopia 1% of men
#997527 Deuteranopia 1% of men
#e42c2a Tritanopia 0.001% of the population

Trichromacy

#a85941 Protanomaly 1% of men, 0.01% of women
#b35529 Deuteranomaly 6% of men, 0.4% of women
#e3272b Tritanomaly 0.01% of the population

#e31e2d hex color

#e31e2d Color Information

#e31e2d Color Conversion

Color Schemes with #e31e2d

Alternatives to #e31e2d

#e31e2d Preview

Shades and Tints of #e31e2d

Tones of #e31e2d

Color Blindness Simulator