#e04057 hex color

In a RGB color space, hex #e04057 is composed of 87.8% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 61.2% yellow and 12.2% black. It has a hue angle of 351.4 degrees, a saturation of 72.1% and a lightness of 56.5%. #e04057 color hex could be obtained by blending #ff80ae with #c10000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 88
- G 25
- B 34
RGB color chart
- C 0
- M 71
- Y 61
- K 12
CMYK color chart

● #e04057 color description : Bright red.

The hexadecimal color #e04057 has RGB values of R:224, G:64, B:87 and CMYK values of C:0, M:0.71, Y:0.61, K:0.12. Its decimal value is 14696535.

Hex triplet	e04057	`#e04057`
RGB Decimal	224, 64, 87	`rgb(224,64,87)`
RGB Percent	87.8, 25.1, 34.1	`rgb(87.8%,25.1%,34.1%)`
CMYK	0, 71, 61, 12
HSL	351.4°, 72.1, 56.5	`hsl(351.4,72.1%,56.5%)`
HSV (or HSB)	351.4°, 71.4, 87.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	52.069, 62.559, 23.902
XYZ	34.296, 20.206, 11.111
xyY	0.523, 0.308, 20.206
CIE-LCH	52.069, 66.97, 20.91
CIE-LUV	52.069, 116.566, 15.034
Hunter-Lab	44.951, 57.522, 16.811
Binary	11100000, 01000000, 01010111

#e04057
```
#e04057 rgb(224,64,87)
```
#40e0c9
```
#40e0c9 rgb(64,224,201)
```

Complementary Color

#e040a7
```
#e040a7 rgb(224,64,167)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#e07940
```
#e07940 rgb(224,121,64)
```

Analogous Color

#40a7e0
```
#40a7e0 rgb(64,167,224)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#40e079
```
#40e079 rgb(64,224,121)
```

Split Complementary Color

#4057e0
```
#4057e0 rgb(64,87,224)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#57e040
```
#57e040 rgb(87,224,64)
```

Triadic Color

#c940e0
```
#c940e0 rgb(201,64,224)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#57e040
```
#57e040 rgb(87,224,64)
```
#40e0c9
```
#40e0c9 rgb(64,224,201)
```

Tetradic Color

#b61e33
```
#b61e33 rgb(182,30,51)
```
#cc213a
```
#cc213a rgb(204,33,58)
```
#dc2a44
```
#dc2a44 rgb(220,42,68)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#e4566a
```
#e4566a rgb(228,86,106)
```
#e76c7e
```
#e76c7e rgb(231,108,126)
```
#eb8291
```
#eb8291 rgb(235,130,145)
```

Monochromatic Color

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

#e0407f
```
#e0407f rgb(224,64,127)
```
#e04072
```
#e04072 rgb(224,64,114)
```
#e04064
```
#e04064 rgb(224,64,100)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#e0404a
```
#e0404a rgb(224,64,74)
```
#e04440
```
#e04440 rgb(224,68,64)
```
#e05140
```
#e05140 rgb(224,81,64)
```

Similar Colors

Text with hexadecimal color #e04057

This text has a font color of #e04057.

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

#e04057 background color

This paragraph has a background color of #e04057.

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

#e04057 border color

This element has a border color of #e04057.

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

CSS codes

.text {color:#e04057;}

.background {background-color:#e04057;}

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

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, #0c0203 is the darkest color, while #fefafa is the lightest one.

#0c0203
```
#0c0203 rgb(12,2,3)
```
#1c0508
```
#1c0508 rgb(28,5,8)
```
#2d070d
```
#2d070d rgb(45,7,13)
```
#3e0a12
```
#3e0a12 rgb(62,10,18)
```
#4f0d16
```
#4f0d16 rgb(79,13,22)
```
#60101b
```
#60101b rgb(96,16,27)
```
#711220
```
#711220 rgb(113,18,32)
```
#821525
```
#821525 rgb(130,21,37)
```
#931829
```
#931829 rgb(147,24,41)
```
#a31b2e
```
#a31b2e rgb(163,27,46)
```
#b41d33
```
#b41d33 rgb(180,29,51)
```
#c52038
```
#c52038 rgb(197,32,56)
```
#d6233d
```
#d6233d rgb(214,35,61)
```

Shade Color Variation

#dd2f48
```
#dd2f48 rgb(221,47,72)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#e35166
```
#e35166 rgb(227,81,102)
```
#e56275
```
#e56275 rgb(229,98,117)
```
#e87384
```
#e87384 rgb(232,115,132)
```
#eb8492
```
#eb8492 rgb(235,132,146)
```
#ee94a1
```
#ee94a1 rgb(238,148,161)
```
#f0a5b0
```
#f0a5b0 rgb(240,165,176)
```
#f3b6bf
```
#f3b6bf rgb(243,182,191)
```
#f6c7ce
```
#f6c7ce rgb(246,199,206)
```
#f9d8dd
```
#f9d8dd rgb(249,216,221)
```
#fbe9eb
```
#fbe9eb rgb(251,233,235)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#938d8e
```
#938d8e rgb(147,141,142)
```
#9c8488
```
#9c8488 rgb(156,132,136)
```
#a47c82
```
#a47c82 rgb(164,124,130)
```
#ad737c
```
#ad737c rgb(173,115,124)
```
#b56b75
```
#b56b75 rgb(181,107,117)
```
#be626f
```
#be626f rgb(190,98,111)
```
#c65a69
```
#c65a69 rgb(198,90,105)
```
#cf5163
```
#cf5163 rgb(207,81,99)
```
#d7495d
```
#d7495d rgb(215,73,93)
```
#e04057
```
#e04057 rgb(224,64,87)
```
#e93751
```
#e93751 rgb(233,55,81)
```
#f12f4b
```
#f12f4b rgb(241,47,75)
```
#fa2645
```
#fa2645 rgb(250,38,69)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#88686d Atypical Achromatopsia 0.001% of the population

Dichromacy

#888275 Protanopia 1% of men
#9c7d55 Deuteranopia 1% of men
#e04c50 Tritanopia 0.001% of the population

Trichromacy

#a86a6a Protanomaly 1% of men, 0.01% of women
#b56756 Deuteranomaly 6% of men, 0.4% of women
#e04852 Tritanomaly 0.01% of the population

#e04057 hex color

#e04057 Color Information

#e04057 Color Conversion

Color Schemes with #e04057

Alternatives to #e04057

#e04057 Preview

Shades and Tints of #e04057

Tones of #e04057

Color Blindness Simulator