#e04f50 hex color

In a RGB color space, hex #e04f50 is composed of 87.8% red, 31% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 64.3% yellow and 12.2% black. It has a hue angle of 359.6 degrees, a saturation of 70% and a lightness of 59.4%. #e04f50 color hex could be obtained by blending #ff9ea0 with #c10000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 88
- G 31
- B 31
RGB color chart
- C 0
- M 65
- Y 64
- K 12
CMYK color chart

● #e04f50 color description : Soft red.

The hexadecimal color #e04f50 has RGB values of R:224, G:79, B:80 and CMYK values of C:0, M:0.65, Y:0.64, K:0.12. Its decimal value is 14700368.

Hex triplet	e04f50	`#e04f50`
RGB Decimal	224, 79, 80	`rgb(224,79,80)`
RGB Percent	87.8, 31, 31.4	`rgb(87.8%,31%,31.4%)`
CMYK	0, 65, 64, 12
HSL	359.6°, 70, 59.4	`hsl(359.6,70%,59.4%)`
HSV (or HSB)	359.6°, 64.7, 87.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.051, 56.392, 30.549
XYZ	34.986, 22.022, 9.997
xyY	0.522, 0.329, 22.022
CIE-LCH	54.051, 64.135, 28.446
CIE-LUV	54.051, 109.732, 23.216
Hunter-Lab	46.928, 50.952, 20.218
Binary	11100000, 01001111, 01010000

#e04f50
```
#e04f50 rgb(224,79,80)
```
#4fe0df
```
#4fe0df rgb(79,224,223)
```

Complementary Color

#e04f99
```
#e04f99 rgb(224,79,153)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#e0974f
```
#e0974f rgb(224,151,79)
```

Analogous Color

#4f99e0
```
#4f99e0 rgb(79,153,224)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#4fe097
```
#4fe097 rgb(79,224,151)
```

Split Complementary Color

#4f50e0
```
#4f50e0 rgb(79,80,224)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#50e04f
```
#50e04f rgb(80,224,79)
```

Triadic Color

#df4fe0
```
#df4fe0 rgb(223,79,224)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#50e04f
```
#50e04f rgb(80,224,79)
```
#4fe0df
```
#4fe0df rgb(79,224,223)
```

Tetradic Color

#c12223
```
#c12223 rgb(193,34,35)
```
#d62627
```
#d62627 rgb(214,38,39)
```
#dc393a
```
#dc393a rgb(220,57,58)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#e46566
```
#e46566 rgb(228,101,102)
```
#e87a7b
```
#e87a7b rgb(232,122,123)
```
#eb9091
```
#eb9091 rgb(235,144,145)
```

Monochromatic Color

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

#e04f74
```
#e04f74 rgb(224,79,116)
```
#e04f68
```
#e04f68 rgb(224,79,104)
```
#e04f5c
```
#e04f5c rgb(224,79,92)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#e05a4f
```
#e05a4f rgb(224,90,79)
```
#e0664f
```
#e0664f rgb(224,102,79)
```
#e0724f
```
#e0724f rgb(224,114,79)
```

Similar Colors

Text with hexadecimal color #e04f50

This text has a font color of #e04f50.

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

#e04f50 background color

This paragraph has a background color of #e04f50.

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

#e04f50 border color

This element has a border color of #e04f50.

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

CSS codes

.text {color:#e04f50;}

.background {background-color:#e04f50;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180404
```
#180404 rgb(24,4,4)
```
#290707
```
#290707 rgb(41,7,7)
```
#390a0a
```
#390a0a rgb(57,10,10)
```
#4a0d0d
```
#4a0d0d rgb(74,13,13)
```
#5b1011
```
#5b1011 rgb(91,16,17)
```
#6c1314
```
#6c1314 rgb(108,19,20)
```
#7c1617
```
#7c1617 rgb(124,22,23)
```
#8d191a
```
#8d191a rgb(141,25,26)
```
#9e1c1d
```
#9e1c1d rgb(158,28,29)
```
#ae1f20
```
#ae1f20 rgb(174,31,32)
```
#bf2223
```
#bf2223 rgb(191,34,35)
```
#d02526
```
#d02526 rgb(208,37,38)
```

Shade Color Variation

#da2e2f
```
#da2e2f rgb(218,46,47)
```
#dd3e3f
```
#dd3e3f rgb(221,62,63)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#e36061
```
#e36061 rgb(227,96,97)
```
#e67071
```
#e67071 rgb(230,112,113)
```
#e98182
```
#e98182 rgb(233,129,130)
```
#ec9292
```
#ec9292 rgb(236,146,146)
```
#efa2a3
```
#efa2a3 rgb(239,162,163)
```
#f2b3b3
```
#f2b3b3 rgb(242,179,179)
```
#f5c4c4
```
#f5c4c4 rgb(245,196,196)
```
#f8d4d5
```
#f8d4d5 rgb(248,212,213)
```
#fae5e5
```
#fae5e5 rgb(250,229,229)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#989797
```
#989797 rgb(152,151,151)
```
#a08f8f
```
#a08f8f rgb(160,143,143)
```
#a88787
```
#a88787 rgb(168,135,135)
```
#b07f7f
```
#b07f7f rgb(176,127,127)
```
#b87777
```
#b87777 rgb(184,119,119)
```
#c06f6f
```
#c06f6f rgb(192,111,111)
```
#c86768
```
#c86768 rgb(200,103,104)
```
#d05f60
```
#d05f60 rgb(208,95,96)
```
#d85758
```
#d85758 rgb(216,87,88)
```
#e04f50
```
#e04f50 rgb(224,79,80)
```
#e84748
```
#e84748 rgb(232,71,72)
```
#f03f40
```
#f03f40 rgb(240,63,64)
```
#f83738
```
#f83738 rgb(248,55,56)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e7172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90876a Protanopia 1% of men
#a4814f Deuteranopia 1% of men
#e1575c Tritanopia 0.001% of the population

Trichromacy

#ad7260 Protanomaly 1% of men, 0.01% of women
#b96f4f Deuteranomaly 6% of men, 0.4% of women
#e15457 Tritanomaly 0.01% of the population

#e04f50 hex color

#e04f50 Color Information

#e04f50 Color Conversion

Color Schemes with #e04f50

Alternatives to #e04f50

#e04f50 Preview

Shades and Tints of #e04f50

Tones of #e04f50

Color Blindness Simulator