colorhexa.com

#e01f45 hex color

In a RGB color space, hex #e01f45 is composed of 87.8% red, 12.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 69.2% yellow and 12.2% black. It has a hue angle of 348.2 degrees, a saturation of 75.7% and a lightness of 50%. #e01f45 color hex could be obtained by blending #ff3e8a with #c10000. Closest websafe color is: #cc3333.

- R 88
- G 12
- B 27
RGB color chart
- C 0
- M 86
- Y 69
- K 12
CMYK color chart

● #e01f45 color description : Vivid red.

The hexadecimal color #e01f45 has RGB values of R:224, G:31, B:69 and CMYK values of C:0, M:0.86, Y:0.69, K:0.12. Its decimal value is 14688069.

Hex triplet	e01f45	`#e01f45`
RGB Decimal	224, 31, 69	`rgb(224,31,69)`
RGB Percent	87.8, 12.2, 27.1	`rgb(87.8%,12.2%,27.1%)`
CMYK	0, 86, 69, 12
HSL	348.2°, 75.7, 50	`hsl(348.2,75.7%,50%)`
HSV (or HSB)	348.2°, 86.2, 87.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.587, 70.548, 30.255
XYZ	32.306, 17.261, 7.261
xyY	0.568, 0.304, 17.261
CIE-LCH	48.587, 76.762, 23.212
CIE-LUV	48.587, 135.811, 17.674
Hunter-Lab	41.546, 66.095, 18.721
Binary	11100000, 00011111, 01000101

#e01f45
```
#e01f45 rgb(224,31,69)
```
#1fe0ba
```
#1fe0ba rgb(31,224,186)
```

Complementary Color

#e01fa6
```
#e01fa6 rgb(224,31,166)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#e05a1f
```
#e05a1f rgb(224,90,31)
```

Analogous Color

#1fa6e0
```
#1fa6e0 rgb(31,166,224)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#1fe05a
```
#1fe05a rgb(31,224,90)
```

Split Complementary Color

#1f45e0
```
#1f45e0 rgb(31,69,224)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#45e01f
```
#45e01f rgb(69,224,31)
```

Triadic Color

#ba1fe0
```
#ba1fe0 rgb(186,31,224)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#45e01f
```
#45e01f rgb(69,224,31)
```
#1fe0ba
```
#1fe0ba rgb(31,224,186)
```

Tetradic Color

#9d1630
```
#9d1630 rgb(157,22,48)
```
#b31937
```
#b31937 rgb(179,25,55)
```
#ca1c3e
```
#ca1c3e rgb(202,28,62)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#e33558
```
#e33558 rgb(227,53,88)
```
#e64c6a
```
#e64c6a rgb(230,76,106)
```
#e9627d
```
#e9627d rgb(233,98,125)
```

Monochromatic Color

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

#e01f75
```
#e01f75 rgb(224,31,117)
```
#e01f65
```
#e01f65 rgb(224,31,101)
```
#e01f55
```
#e01f55 rgb(224,31,85)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#e01f35
```
#e01f35 rgb(224,31,53)
```
#e01f25
```
#e01f25 rgb(224,31,37)
```
#e0291f
```
#e0291f rgb(224,41,31)
```

Similar Colors

Text with hexadecimal color #e01f45

This text has a font color of #e01f45.

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

#e01f45 background color

This paragraph has a background color of #e01f45.

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

#e01f45 border color

This element has a border color of #e01f45.

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

CSS codes

.text {color:#e01f45;}

.background {background-color:#e01f45;}

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

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

#110205
```
#110205 rgb(17,2,5)
```
#22050b
```
#22050b rgb(34,5,11)
```
#340710
```
#340710 rgb(52,7,16)
```
#450a15
```
#450a15 rgb(69,10,21)
```
#560c1b
```
#560c1b rgb(86,12,27)
```
#670e20
```
#670e20 rgb(103,14,32)
```
#791125
```
#791125 rgb(121,17,37)
```
#8a132a
```
#8a132a rgb(138,19,42)
```
#9b1530
```
#9b1530 rgb(155,21,48)
```
#ac1835
```
#ac1835 rgb(172,24,53)
```
#be1a3a
```
#be1a3a rgb(190,26,58)
```
#cf1d40
```
#cf1d40 rgb(207,29,64)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```

Shade Color Variation

#e23053
```
#e23053 rgb(226,48,83)
```
#e54162
```
#e54162 rgb(229,65,98)
```
#e75370
```
#e75370 rgb(231,83,112)
```
#ea647e
```
#ea647e rgb(234,100,126)
```
#ec758d
```
#ec758d rgb(236,117,141)
```
#ee869b
```
#ee869b rgb(238,134,155)
```
#f198a9
```
#f198a9 rgb(241,152,169)
```
#f3a9b7
```
#f3a9b7 rgb(243,169,183)
```
#f5bac6
```
#f5bac6 rgb(245,186,198)
```
#f8cbd4
```
#f8cbd4 rgb(248,203,212)
```
#fadde2
```
#fadde2 rgb(250,221,226)
```
#fdeef1
```
#fdeef1 rgb(253,238,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#88777b
```
#88777b rgb(136,119,123)
```
#926d75
```
#926d75 rgb(146,109,117)
```
#9b646f
```
#9b646f rgb(155,100,111)
```
#a55a69
```
#a55a69 rgb(165,90,105)
```
#af5063
```
#af5063 rgb(175,80,99)
```
#b9465d
```
#b9465d rgb(185,70,93)
```
#c33c57
```
#c33c57 rgb(195,60,87)
```
#cc3351
```
#cc3351 rgb(204,51,81)
```
#d6294b
```
#d6294b rgb(214,41,75)
```
#e01f45
```
#e01f45 rgb(224,31,69)
```
#ea153f
```
#ea153f rgb(234,21,63)
```
#f40b39
```
#f40b39 rgb(244,11,57)
```
#fd0233
```
#fd0233 rgb(253,2,51)
```

Tone Color Variation

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

Dichromacy

#817a68 Protanopia 1% of men
#957542 Deuteranopia 1% of men
#e03131 Tritanopia 0.001% of the population

Trichromacy

#a3595b Protanomaly 1% of men, 0.01% of women
#b05543 Deuteranomaly 6% of men, 0.4% of women
#e02a38 Tritanomaly 0.01% of the population