#e31422 hex color

In a RGB color space, hex #e31422 is composed of 89% red, 7.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 85% yellow and 11% black. It has a hue angle of 355.9 degrees, a saturation of 83.8% and a lightness of 48.4%. #e31422 color hex could be obtained by blending #ff2844 with #c70000. Closest websafe color is: #cc0033.

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

● #e31422 color description : Vivid red.

The hexadecimal color #e31422 has RGB values of R:227, G:20, B:34 and CMYK values of C:0, M:0.91, Y:0.85, K:0.11. Its decimal value is 14881826.

Hex triplet	e31422	`#e31422`
RGB Decimal	227, 20, 34	`rgb(227,20,34)`
RGB Percent	89, 7.8, 13.3	`rgb(89%,7.8%,13.3%)`
CMYK	0, 91, 85, 11
HSL	355.9°, 83.8, 48.4	`hsl(355.9,83.8%,48.4%)`
HSV (or HSB)	355.9°, 91.2, 89
Web Safe	cc0033	`#cc0033`

CIE-LAB	48.198, 71.912, 49.69
XYZ	32.219, 16.951, 3.089
xyY	0.617, 0.324, 16.951
CIE-LCH	48.198, 87.409, 34.644
CIE-LUV	48.198, 149.077, 29.763
Hunter-Lab	41.172, 67.637, 24.372
Binary	11100011, 00010100, 00100010

#e31422
```
#e31422 rgb(227,20,34)
```
#14e3d5
```
#14e3d5 rgb(20,227,213)
```

Complementary Color

#e3148a
```
#e3148a rgb(227,20,138)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#e36e14
```
#e36e14 rgb(227,110,20)
```

Analogous Color

#148ae3
```
#148ae3 rgb(20,138,227)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#14e36e
```
#14e36e rgb(20,227,110)
```

Split Complementary Color

#1422e3
```
#1422e3 rgb(20,34,227)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#22e314
```
#22e314 rgb(34,227,20)
```

Triadic Color

#d514e3
```
#d514e3 rgb(213,20,227)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#22e314
```
#22e314 rgb(34,227,20)
```
#14e3d5
```
#14e3d5 rgb(20,227,213)
```

Tetradic Color

#9d0e17
```
#9d0e17 rgb(157,14,23)
```
#b4101b
```
#b4101b rgb(180,16,27)
```
#cc121e
```
#cc121e rgb(204,18,30)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#ec2532
```
#ec2532 rgb(236,37,50)
```
#ee3c48
```
#ee3c48 rgb(238,60,72)
```
#f0545e
```
#f0545e rgb(240,84,94)
```

Monochromatic Color

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

#e31456
```
#e31456 rgb(227,20,86)
```
#e31444
```
#e31444 rgb(227,20,68)
```
#e31433
```
#e31433 rgb(227,20,51)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#e31714
```
#e31714 rgb(227,23,20)
```
#e32914
```
#e32914 rgb(227,41,20)
```
#e33a14
```
#e33a14 rgb(227,58,20)
```

Similar Colors

Text with hexadecimal color #e31422

This text has a font color of #e31422.

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

#e31422 background color

This paragraph has a background color of #e31422.

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

#e31422 border color

This element has a border color of #e31422.

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

CSS codes

.text {color:#e31422;}

.background {background-color:#e31422;}

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

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

#0b0102
```
#0b0102 rgb(11,1,2)
```
#1d0304
```
#1d0304 rgb(29,3,4)
```
#2f0407
```
#2f0407 rgb(47,4,7)
```
#41060a
```
#41060a rgb(65,6,10)
```
#53070c
```
#53070c rgb(83,7,12)
```
#65090f
```
#65090f rgb(101,9,15)
```
#770a12
```
#770a12 rgb(119,10,18)
```
#890c14
```
#890c14 rgb(137,12,20)
```
#9b0e17
```
#9b0e17 rgb(155,14,23)
```
#ad0f1a
```
#ad0f1a rgb(173,15,26)
```
#bf111d
```
#bf111d rgb(191,17,29)
```
#d1121f
```
#d1121f rgb(209,18,31)
```
#e31422
```
#e31422 rgb(227,20,34)
```

Shade Color Variation

#eb1f2d
```
#eb1f2d rgb(235,31,45)
```
#ed313e
```
#ed313e rgb(237,49,62)
```
#ee434f
```
#ee434f rgb(238,67,79)
```
#f05560
```
#f05560 rgb(240,85,96)
```
#f26771
```
#f26771 rgb(242,103,113)
```
#f37982
```
#f37982 rgb(243,121,130)
```
#f58b93
```
#f58b93 rgb(245,139,147)
```
#f69ea4
```
#f69ea4 rgb(246,158,164)
```
#f8b0b4
```
#f8b0b4 rgb(248,176,180)
```
#fac2c5
```
#fac2c5 rgb(250,194,197)
```
#fbd4d6
```
#fbd4d6 rgb(251,212,214)
```
#fde6e7
```
#fde6e7 rgb(253,230,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#847374
```
#847374 rgb(132,115,116)
```
#8e6a6c
```
#8e6a6c rgb(142,106,108)
```
#976064
```
#976064 rgb(151,96,100)
```
#a1575c
```
#a1575c rgb(161,87,92)
```
#aa4d53
```
#aa4d53 rgb(170,77,83)
```
#b4444b
```
#b4444b rgb(180,68,75)
```
#bd3a43
```
#bd3a43 rgb(189,58,67)
```
#c7313b
```
#c7313b rgb(199,49,59)
```
#d02732
```
#d02732 rgb(208,39,50)
```
#da1e2a
```
#da1e2a rgb(218,30,42)
```
#e31422
```
#e31422 rgb(227,20,34)
```
#ed0b1a
```
#ed0b1a rgb(237,11,26)
```
#f60112
```
#f60112 rgb(246,1,18)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#704649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857940 Protanopia 1% of men
#987314 Deuteranopia 1% of men
#e4231e Tritanopia 0.001% of the population

Trichromacy

#a75435 Protanomaly 1% of men, 0.01% of women
#b35119 Deuteranomaly 6% of men, 0.4% of women
#e31d1f Tritanomaly 0.01% of the population

#e31422 hex color

#e31422 Color Information

#e31422 Color Conversion

Color Schemes with #e31422

Alternatives to #e31422

#e31422 Preview

Shades and Tints of #e31422

Tones of #e31422

Color Blindness Simulator