#e31d30 hex color

In a RGB color space, hex #e31d30 is composed of 89% red, 11.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 78.9% yellow and 11% black. It has a hue angle of 354.2 degrees, a saturation of 78% and a lightness of 50.2%. #e31d30 color hex could be obtained by blending #ff3a60 with #c70000. Closest websafe color is: #cc3333.

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

● #e31d30 color description : Vivid red.

The hexadecimal color #e31d30 has RGB values of R:227, G:29, B:48 and CMYK values of C:0, M:0.87, Y:0.79, K:0.11. Its decimal value is 14884144.

Hex triplet	e31d30	`#e31d30`
RGB Decimal	227, 29, 48	`rgb(227,29,48)`
RGB Percent	89, 11.4, 18.8	`rgb(89%,11.4%,18.8%)`
CMYK	0, 87, 79, 11
HSL	354.2°, 78, 50.2	`hsl(354.2,78%,50.2%)`
HSV (or HSB)	354.2°, 87.2, 89
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.794, 70.902, 42.871
XYZ	32.653, 17.427, 4.441
xyY	0.599, 0.32, 17.427
CIE-LCH	48.794, 82.855, 31.159
CIE-LUV	48.794, 144.04, 26.592
Hunter-Lab	41.746, 66.565, 22.915
Binary	11100011, 00011101, 00110000

#e31d30
```
#e31d30 rgb(227,29,48)
```
#1de3d0
```
#1de3d0 rgb(29,227,208)
```

Complementary Color

#e31d93
```
#e31d93 rgb(227,29,147)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#e36d1d
```
#e36d1d rgb(227,109,29)
```

Analogous Color

#1d93e3
```
#1d93e3 rgb(29,147,227)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#1de36d
```
#1de36d rgb(29,227,109)
```

Split Complementary Color

#1d30e3
```
#1d30e3 rgb(29,48,227)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#30e31d
```
#30e31d rgb(48,227,29)
```

Triadic Color

#d01de3
```
#d01de3 rgb(208,29,227)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#30e31d
```
#30e31d rgb(48,227,29)
```
#1de3d0
```
#1de3d0 rgb(29,227,208)
```

Tetradic Color

#a01421
```
#a01421 rgb(160,20,33)
```
#b61726
```
#b61726 rgb(182,23,38)
```
#cd192b
```
#cd192b rgb(205,25,43)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#e63445
```
#e63445 rgb(230,52,69)
```
#e94a5a
```
#e94a5a rgb(233,74,90)
```
#eb616e
```
#eb616e rgb(235,97,110)
```

Monochromatic Color

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

#e31d61
```
#e31d61 rgb(227,29,97)
```
#e31d51
```
#e31d51 rgb(227,29,81)
```
#e31d40
```
#e31d40 rgb(227,29,64)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#e31d1f
```
#e31d1f rgb(227,29,31)
```
#e32b1d
```
#e32b1d rgb(227,43,29)
```
#e33c1d
```
#e33c1d rgb(227,60,29)
```

Similar Colors

Text with hexadecimal color #e31d30

This text has a font color of #e31d30.

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

#e31d30 background color

This paragraph has a background color of #e31d30.

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

#e31d30 border color

This element has a border color of #e31d30.

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

CSS codes

.text {color:#e31d30;}

.background {background-color:#e31d30;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120204
```
#120204 rgb(18,2,4)
```
#240407
```
#240407 rgb(36,4,7)
```
#35070b
```
#35070b rgb(53,7,11)
```
#47090f
```
#47090f rgb(71,9,15)
```
#580b12
```
#580b12 rgb(88,11,18)
```
#6a0d16
```
#6a0d16 rgb(106,13,22)
```
#7b0f1a
```
#7b0f1a rgb(123,15,26)
```
#8d111d
```
#8d111d rgb(141,17,29)
```
#9e1421
```
#9e1421 rgb(158,20,33)
```
#af1624
```
#af1624 rgb(175,22,36)
```
#c11828
```
#c11828 rgb(193,24,40)
```
#d21a2c
```
#d21a2c rgb(210,26,44)
```

Shade Color Variation

#e31d30
```
#e31d30 rgb(227,29,48)
```
#e52e40
```
#e52e40 rgb(229,46,64)
```
#e74050
```
#e74050 rgb(231,64,80)
```
#e95160
```
#e95160 rgb(233,81,96)
```
#ec6370
```
#ec6370 rgb(236,99,112)
```
#ee7480
```
#ee7480 rgb(238,116,128)
```
#f08690
```
#f08690 rgb(240,134,144)
```
#f297a0
```
#f297a0 rgb(242,151,160)
```
#f4a9b0
```
#f4a9b0 rgb(244,169,176)
```
#f6bac0
```
#f6bac0 rgb(246,186,192)
```
#f9ccd0
```
#f9ccd0 rgb(249,204,208)
```
#fbdde0
```
#fbdde0 rgb(251,221,224)
```
#fdeef0
```
#fdeef0 rgb(253,238,240)
```

Tint Color Variation

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

#817f7f
```
#817f7f rgb(129,127,127)
```
#8b7577
```
#8b7577 rgb(139,117,119)
```
#956b6f
```
#956b6f rgb(149,107,111)
```
#9f6167
```
#9f6167 rgb(159,97,103)
```
#a8585f
```
#a8585f rgb(168,88,95)
```
#b24e57
```
#b24e57 rgb(178,78,87)
```
#bc4450
```
#bc4450 rgb(188,68,80)
```
#c63a48
```
#c63a48 rgb(198,58,72)
```
#cf3140
```
#cf3140 rgb(207,49,64)
```
#d92738
```
#d92738 rgb(217,39,56)
```
#e31d30
```
#e31d30 rgb(227,29,48)
```
#ed1328
```
#ed1328 rgb(237,19,40)
```
#f70920
```
#f70920 rgb(247,9,32)
```

Tone Color Variation

Below, you can see how #e31d30 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
#754e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857b50 Protanopia 1% of men
#98752a Deuteranopia 1% of men
#e42c2a Tritanopia 0.001% of the population

Trichromacy

#a75844 Protanomaly 1% of men, 0.01% of women
#b3552c Deuteranomaly 6% of men, 0.4% of women
#e3262c Tritanomaly 0.01% of the population

#e31d30 hex color

#e31d30 Color Information

#e31d30 Color Conversion

Color Schemes with #e31d30

Alternatives to #e31d30

#e31d30 Preview

Shades and Tints of #e31d30

Tones of #e31d30

Color Blindness Simulator