#e31e45 hex color

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

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

● #e31e45 color description : Vivid red.

The hexadecimal color #e31e45 has RGB values of R:227, G:30, B:69 and CMYK values of C:0, M:0.87, Y:0.7, K:0.11. Its decimal value is 14884421.

Hex triplet	e31e45	`#e31e45`
RGB Decimal	227, 30, 69	`rgb(227,30,69)`
RGB Percent	89, 11.8, 27.1	`rgb(89%,11.8%,27.1%)`
CMYK	0, 87, 70, 11
HSL	348.1°, 77.9, 50.4	`hsl(348.1,77.9%,50.4%)`
HSV (or HSB)	348.1°, 86.8, 89
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.122, 71.498, 31.045
XYZ	33.219, 17.693, 7.296
xyY	0.571, 0.304, 17.693
CIE-LCH	49.122, 77.947, 23.471
CIE-LUV	49.122, 138.406, 18.201
Hunter-Lab	42.063, 67.355, 19.16
Binary	11100011, 00011110, 01000101

#e31e45
```
#e31e45 rgb(227,30,69)
```
#1ee3bc
```
#1ee3bc rgb(30,227,188)
```

Complementary Color

#e31ea8
```
#e31ea8 rgb(227,30,168)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#e35a1e
```
#e35a1e rgb(227,90,30)
```

Analogous Color

#1ea8e3
```
#1ea8e3 rgb(30,168,227)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#1ee35a
```
#1ee35a rgb(30,227,90)
```

Split Complementary Color

#1e45e3
```
#1e45e3 rgb(30,69,227)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#45e31e
```
#45e31e rgb(69,227,30)
```

Triadic Color

#bc1ee3
```
#bc1ee3 rgb(188,30,227)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#45e31e
```
#45e31e rgb(69,227,30)
```
#1ee3bc
```
#1ee3bc rgb(30,227,188)
```

Tetradic Color

#a11430
```
#a11430 rgb(161,20,48)
```
#b71737
```
#b71737 rgb(183,23,55)
```
#ce1a3d
```
#ce1a3d rgb(206,26,61)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#e63558
```
#e63558 rgb(230,53,88)
```
#e94b6a
```
#e94b6a rgb(233,75,106)
```
#eb627d
```
#eb627d rgb(235,98,125)
```

Monochromatic Color

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

#e31e76
```
#e31e76 rgb(227,30,118)
```
#e31e66
```
#e31e66 rgb(227,30,102)
```
#e31e55
```
#e31e55 rgb(227,30,85)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#e31e35
```
#e31e35 rgb(227,30,53)
```
#e31e24
```
#e31e24 rgb(227,30,36)
```
#e3281e
```
#e3281e rgb(227,40,30)
```

Similar Colors

Text with hexadecimal color #e31e45

This text has a font color of #e31e45.

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

#e31e45 background color

This paragraph has a background color of #e31e45.

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

#e31e45 border color

This element has a border color of #e31e45.

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

CSS codes

.text {color:#e31e45;}

.background {background-color:#e31e45;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130206
```
#130206 rgb(19,2,6)
```
#25050b
```
#25050b rgb(37,5,11)
```
#360710
```
#360710 rgb(54,7,16)
```
#480915
```
#480915 rgb(72,9,21)
```
#590b1b
```
#590b1b rgb(89,11,27)
```
#6a0d20
```
#6a0d20 rgb(106,13,32)
```
#7c0f25
```
#7c0f25 rgb(124,15,37)
```
#8d122a
```
#8d122a rgb(141,18,42)
```
#9f142f
```
#9f142f rgb(159,20,47)
```
#b01634
```
#b01634 rgb(176,22,52)
```
#c2183a
```
#c2183a rgb(194,24,58)
```
#d31a3f
```
#d31a3f rgb(211,26,63)
```

Shade Color Variation

#e31e45
```
#e31e45 rgb(227,30,69)
```
#e52f53
```
#e52f53 rgb(229,47,83)
```
#e74162
```
#e74162 rgb(231,65,98)
```
#ea5270
```
#ea5270 rgb(234,82,112)
```
#ec647f
```
#ec647f rgb(236,100,127)
```
#ee758d
```
#ee758d rgb(238,117,141)
```
#f0879c
```
#f0879c rgb(240,135,156)
```
#f298aa
```
#f298aa rgb(242,152,170)
```
#f4aab8
```
#f4aab8 rgb(244,170,184)
```
#f7bbc7
```
#f7bbc7 rgb(247,187,199)
```
#f9ccd5
```
#f9ccd5 rgb(249,204,213)
```
#fbdee4
```
#fbdee4 rgb(251,222,228)
```
#fdeff2
```
#fdeff2 rgb(253,239,242)
```

Tint Color Variation

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

#827f80
```
#827f80 rgb(130,127,128)
```
#8b767a
```
#8b767a rgb(139,118,122)
```
#956c74
```
#956c74 rgb(149,108,116)
```
#9f626e
```
#9f626e rgb(159,98,110)
```
#a95868
```
#a95868 rgb(169,88,104)
```
#b24f62
```
#b24f62 rgb(178,79,98)
```
#bc455d
```
#bc455d rgb(188,69,93)
```
#c63b57
```
#c63b57 rgb(198,59,87)
```
#d03151
```
#d03151 rgb(208,49,81)
```
#d9284b
```
#d9284b rgb(217,40,75)
```
#e31e45
```
#e31e45 rgb(227,30,69)
```
#ed143f
```
#ed143f rgb(237,20,63)
```
#f60b39
```
#f60b39 rgb(246,11,57)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#785058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b68 Protanopia 1% of men
#977641 Deuteranopia 1% of men
#e33130 Tritanopia 0.001% of the population

Trichromacy

#a5595b Protanomaly 1% of men, 0.01% of women
#b25643 Deuteranomaly 6% of men, 0.4% of women
#e32a38 Tritanomaly 0.01% of the population

#e31e45 hex color

#e31e45 Color Information

#e31e45 Color Conversion

Color Schemes with #e31e45

Alternatives to #e31e45

#e31e45 Preview

Shades and Tints of #e31e45

Tones of #e31e45

Color Blindness Simulator