#e31f20 hex color

In a RGB color space, hex #e31f20 is composed of 89% red, 12.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 85.9% yellow and 11% black. It has a hue angle of 359.7 degrees, a saturation of 77.8% and a lightness of 50.6%. #e31f20 color hex could be obtained by blending #ff3e40 with #c70000. Closest websafe color is: #cc3333.

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

● #e31f20 color description : Vivid red.

The hexadecimal color #e31f20 has RGB values of R:227, G:31, B:32 and CMYK values of C:0, M:0.86, Y:0.86, K:0.11. Its decimal value is 14884640.

Hex triplet	e31f20	`#e31f20`
RGB Decimal	227, 31, 32	`rgb(227,31,32)`
RGB Percent	89, 12.2, 12.5	`rgb(89%,12.2%,12.5%)`
CMYK	0, 86, 86, 11
HSL	359.7°, 77.8, 50.6	`hsl(359.7,77.8%,50.6%)`
HSV (or HSB)	359.7°, 86.3, 89
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.784, 70.148, 51.149
XYZ	32.431, 17.419, 3.021
xyY	0.613, 0.329, 17.419
CIE-LCH	48.784, 86.816, 36.098
CIE-LUV	48.784, 146.243, 31.353
Hunter-Lab	41.737, 65.663, 24.924
Binary	11100011, 00011111, 00100000

#e31f20
```
#e31f20 rgb(227,31,32)
```
#1fe3e2
```
#1fe3e2 rgb(31,227,226)
```

Complementary Color

#e31f82
```
#e31f82 rgb(227,31,130)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#e3801f
```
#e3801f rgb(227,128,31)
```

Analogous Color

#1f82e3
```
#1f82e3 rgb(31,130,227)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#1fe380
```
#1fe380 rgb(31,227,128)
```

Split Complementary Color

#1f20e3
```
#1f20e3 rgb(31,32,227)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#20e31f
```
#20e31f rgb(32,227,31)
```

Triadic Color

#e21fe3
```
#e21fe3 rgb(226,31,227)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#20e31f
```
#20e31f rgb(32,227,31)
```
#1fe3e2
```
#1fe3e2 rgb(31,227,226)
```

Tetradic Color

#a11415
```
#a11415 rgb(161,20,21)
```
#b81718
```
#b81718 rgb(184,23,24)
```
#cf1a1b
```
#cf1a1b rgb(207,26,27)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#e63637
```
#e63637 rgb(230,54,55)
```
#e94c4d
```
#e94c4d rgb(233,76,77)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```

Monochromatic Color

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

#e31f51
```
#e31f51 rgb(227,31,81)
```
#e31f41
```
#e31f41 rgb(227,31,65)
```
#e31f30
```
#e31f30 rgb(227,31,48)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#e32e1f
```
#e32e1f rgb(227,46,31)
```
#e33f1f
```
#e33f1f rgb(227,63,31)
```
#e34f1f
```
#e34f1f rgb(227,79,31)
```

Similar Colors

Text with hexadecimal color #e31f20

This text has a font color of #e31f20.

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

#e31f20 background color

This paragraph has a background color of #e31f20.

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

#e31f20 border color

This element has a border color of #e31f20.

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

CSS codes

.text {color:#e31f20;}

.background {background-color:#e31f20;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#140303
```
#140303 rgb(20,3,3)
```
#260505
```
#260505 rgb(38,5,5)
```
#370707
```
#370707 rgb(55,7,7)
```
#480909
```
#480909 rgb(72,9,9)
```
#5a0b0c
```
#5a0b0c rgb(90,11,12)
```
#6b0d0e
```
#6b0d0e rgb(107,13,14)
```
#7d1010
```
#7d1010 rgb(125,16,16)
```
#8e1212
```
#8e1212 rgb(142,18,18)
```
#a01415
```
#a01415 rgb(160,20,21)
```
#b11617
```
#b11617 rgb(177,22,23)
```
#c21819
```
#c21819 rgb(194,24,25)
```
#d41a1b
```
#d41a1b rgb(212,26,27)
```

Shade Color Variation

#e31f20
```
#e31f20 rgb(227,31,32)
```
#e53031
```
#e53031 rgb(229,48,49)
```
#e74243
```
#e74243 rgb(231,66,67)
```
#ea5354
```
#ea5354 rgb(234,83,84)
```
#ec6565
```
#ec6565 rgb(236,101,101)
```
#ee7677
```
#ee7677 rgb(238,118,119)
```
#f08888
```
#f08888 rgb(240,136,136)
```
#f2999a
```
#f2999a rgb(242,153,154)
```
#f4aaab
```
#f4aaab rgb(244,170,171)
```
#f7bcbc
```
#f7bcbc rgb(247,188,188)
```
#f9cdce
```
#f9cdce rgb(249,205,206)
```
#fbdfdf
```
#fbdfdf rgb(251,223,223)
```
#fdf0f0
```
#fdf0f0 rgb(253,240,240)
```

Tint Color Variation

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

#828080
```
#828080 rgb(130,128,128)
```
#8c7676
```
#8c7676 rgb(140,118,118)
```
#956d6d
```
#956d6d rgb(149,109,109)
```
#9f6363
```
#9f6363 rgb(159,99,99)
```
#a9595a
```
#a9595a rgb(169,89,90)
```
#b34f50
```
#b34f50 rgb(179,79,80)
```
#bc4646
```
#bc4646 rgb(188,70,70)
```
#c63c3d
```
#c63c3d rgb(198,60,61)
```
#d03233
```
#d03233 rgb(208,50,51)
```
#d9292a
```
#d9292a rgb(217,41,42)
```
#e31f20
```
#e31f20 rgb(227,31,32)
```
#ed1516
```
#ed1516 rgb(237,21,22)
```
#f60c0d
```
#f60c0d rgb(246,12,13)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#754e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b3d Protanopia 1% of men
#9a7510 Deuteranopia 1% of men
#e42b29 Tritanopia 0.001% of the population

Trichromacy

#a95932 Protanomaly 1% of men, 0.01% of women
#b45515 Deuteranomaly 6% of men, 0.4% of women
#e32625 Tritanomaly 0.01% of the population

#e31f20 hex color

#e31f20 Color Information

#e31f20 Color Conversion

Color Schemes with #e31f20

Alternatives to #e31f20

#e31f20 Preview

Shades and Tints of #e31f20

Tones of #e31f20

Color Blindness Simulator