colorhexa.com

#e04558 hex color

In a RGB color space, hex #e04558 is composed of 87.8% red, 27.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.2% magenta, 60.7% yellow and 12.2% black. It has a hue angle of 352.6 degrees, a saturation of 71.4% and a lightness of 57.5%. #e04558 color hex could be obtained by blending #ff8ab0 with #c10000. Closest websafe color is: #cc3366.

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

● #e04558 color description : Soft red.

The hexadecimal color #e04558 has RGB values of R:224, G:69, B:88 and CMYK values of C:0, M:0.69, Y:0.61, K:0.12. Its decimal value is 14697816.

Hex triplet	e04558	`#e04558`
RGB Decimal	224, 69, 88	`rgb(224,69,88)`
RGB Percent	87.8, 27.1, 34.5	`rgb(87.8%,27.1%,34.5%)`
CMYK	0, 69, 61, 12
HSL	352.6°, 71.4, 57.5	`hsl(352.6,71.4%,57.5%)`
HSV (or HSB)	352.6°, 69.2, 87.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	52.743, 60.814, 24.188
XYZ	34.631, 20.812, 11.426
xyY	0.518, 0.311, 20.812
CIE-LCH	52.743, 65.447, 21.69
CIE-LUV	52.743, 113.587, 15.888
Hunter-Lab	45.62, 55.669, 17.085
Binary	11100000, 01000101, 01011000

#e04558
```
#e04558 rgb(224,69,88)
```
#45e0cd
```
#45e0cd rgb(69,224,205)
```

Complementary Color

#e045a6
```
#e045a6 rgb(224,69,166)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#e08045
```
#e08045 rgb(224,128,69)
```

Analogous Color

#45a6e0
```
#45a6e0 rgb(69,166,224)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#45e080
```
#45e080 rgb(69,224,128)
```

Split Complementary Color

#4558e0
```
#4558e0 rgb(69,88,224)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#58e045
```
#58e045 rgb(88,224,69)
```

Triadic Color

#cd45e0
```
#cd45e0 rgb(205,69,224)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#58e045
```
#58e045 rgb(88,224,69)
```
#45e0cd
```
#45e0cd rgb(69,224,205)
```

Tetradic Color

#ba1f32
```
#ba1f32 rgb(186,31,50)
```
#cf2338
```
#cf2338 rgb(207,35,56)
```
#dc2f44
```
#dc2f44 rgb(220,47,68)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#e45b6c
```
#e45b6c rgb(228,91,108)
```
#e7717f
```
#e7717f rgb(231,113,127)
```
#eb8793
```
#eb8793 rgb(235,135,147)
```

Monochromatic Color

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

#e0457f
```
#e0457f rgb(224,69,127)
```
#e04572
```
#e04572 rgb(224,69,114)
```
#e04565
```
#e04565 rgb(224,69,101)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#e0454b
```
#e0454b rgb(224,69,75)
```
#e04c45
```
#e04c45 rgb(224,76,69)
```
#e05945
```
#e05945 rgb(224,89,69)
```

Similar Colors

Text with hexadecimal color #e04558

This text has a font color of #e04558.

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

#e04558 background color

This paragraph has a background color of #e04558.

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

#e04558 border color

This element has a border color of #e04558.

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

CSS codes

.text {color:#e04558;}

.background {background-color:#e04558;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#210509
```
#210509 rgb(33,5,9)
```
#31080d
```
#31080d rgb(49,8,13)
```
#420b12
```
#420b12 rgb(66,11,18)
```
#530e16
```
#530e16 rgb(83,14,22)
```
#64111b
```
#64111b rgb(100,17,27)
```
#75131f
```
#75131f rgb(117,19,31)
```
#851624
```
#851624 rgb(133,22,36)
```
#961928
```
#961928 rgb(150,25,40)
```
#a71c2d
```
#a71c2d rgb(167,28,45)
```
#b81f31
```
#b81f31 rgb(184,31,49)
```
#c92136
```
#c92136 rgb(201,33,54)
```
#da243a
```
#da243a rgb(218,36,58)
```

Shade Color Variation

#dd3449
```
#dd3449 rgb(221,52,73)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#e35667
```
#e35667 rgb(227,86,103)
```
#e66776
```
#e66776 rgb(230,103,118)
```
#e87785
```
#e87785 rgb(232,119,133)
```
#eb8894
```
#eb8894 rgb(235,136,148)
```
#ee99a3
```
#ee99a3 rgb(238,153,163)
```
#f1aab3
```
#f1aab3 rgb(241,170,179)
```
#f4bbc2
```
#f4bbc2 rgb(244,187,194)
```
#f6ccd1
```
#f6ccd1 rgb(246,204,209)
```
#f9dce0
```
#f9dce0 rgb(249,220,224)
```
#fcedef
```
#fcedef rgb(252,237,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#959091
```
#959091 rgb(149,144,145)
```
#9d888a
```
#9d888a rgb(157,136,138)
```
#a67f84
```
#a67f84 rgb(166,127,132)
```
#ae777e
```
#ae777e rgb(174,119,126)
```
#b66f78
```
#b66f78 rgb(182,111,120)
```
#bf6671
```
#bf6671 rgb(191,102,113)
```
#c75e6b
```
#c75e6b rgb(199,94,107)
```
#cf5665
```
#cf5665 rgb(207,86,101)
```
#d84d5e
```
#d84d5e rgb(216,77,94)
```
#e04558
```
#e04558 rgb(224,69,88)
```
#e83d52
```
#e83d52 rgb(232,61,82)
```
#f1344b
```
#f1344b rgb(241,52,75)
```
#f92c45
```
#f92c45 rgb(249,44,69)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8b6c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8475 Protanopia 1% of men
#9e7f56 Deuteranopia 1% of men
#e15054 Tritanopia 0.001% of the population

Trichromacy

#a96d6a Protanomaly 1% of men, 0.01% of women
#b66957 Deuteranomaly 6% of men, 0.4% of women
#e04c56 Tritanomaly 0.01% of the population