#e14557 hex color

In a RGB color space, hex #e14557 is composed of 88.2% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.3% magenta, 61.3% yellow and 11.8% black. It has a hue angle of 353.1 degrees, a saturation of 72.2% and a lightness of 57.6%. #e14557 color hex could be obtained by blending #ff8aae with #c30000. Closest websafe color is: #cc3366.

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

● #e14557 color description : Soft red.

The hexadecimal color #e14557 has RGB values of R:225, G:69, B:87 and CMYK values of C:0, M:0.69, Y:0.61, K:0.12. Its decimal value is 14763351.

Hex triplet	e14557	`#e14557`
RGB Decimal	225, 69, 87	`rgb(225,69,87)`
RGB Percent	88.2, 27.1, 34.1	`rgb(88.2%,27.1%,34.1%)`
CMYK	0, 69, 61, 12
HSL	353.1°, 72.2, 57.6	`hsl(353.1,72.2%,57.6%)`
HSV (or HSB)	353.1°, 69.3, 88.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	52.901, 61.057, 25.02
XYZ	34.901, 20.956, 11.223
xyY	0.52, 0.312, 20.956
CIE-LCH	52.901, 65.985, 22.283
CIE-LUV	52.901, 114.677, 16.653
Hunter-Lab	45.777, 55.979, 17.508
Binary	11100001, 01000101, 01010111

#e14557
```
#e14557 rgb(225,69,87)
```
#45e1cf
```
#45e1cf rgb(69,225,207)
```

Complementary Color

#e145a5
```
#e145a5 rgb(225,69,165)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#e18145
```
#e18145 rgb(225,129,69)
```

Analogous Color

#45a5e1
```
#45a5e1 rgb(69,165,225)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#45e181
```
#45e181 rgb(69,225,129)
```

Split Complementary Color

#4557e1
```
#4557e1 rgb(69,87,225)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#57e145
```
#57e145 rgb(87,225,69)
```

Triadic Color

#cf45e1
```
#cf45e1 rgb(207,69,225)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#57e145
```
#57e145 rgb(87,225,69)
```
#45e1cf
```
#45e1cf rgb(69,225,207)
```

Tetradic Color

#bb1e30
```
#bb1e30 rgb(187,30,48)
```
#d12236
```
#d12236 rgb(209,34,54)
```
#dd2f43
```
#dd2f43 rgb(221,47,67)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#e55b6b
```
#e55b6b rgb(229,91,107)
```
#e8717f
```
#e8717f rgb(232,113,127)
```
#ec8793
```
#ec8793 rgb(236,135,147)
```

Monochromatic Color

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

#e1457e
```
#e1457e rgb(225,69,126)
```
#e14571
```
#e14571 rgb(225,69,113)
```
#e14564
```
#e14564 rgb(225,69,100)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#e1454a
```
#e1454a rgb(225,69,74)
```
#e14d45
```
#e14d45 rgb(225,77,69)
```
#e15a45
```
#e15a45 rgb(225,90,69)
```

Similar Colors

Text with hexadecimal color #e14557

This text has a font color of #e14557.

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

#e14557 background color

This paragraph has a background color of #e14557.

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

#e14557 border color

This element has a border color of #e14557.

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

CSS codes

.text {color:#e14557;}

.background {background-color:#e14557;}

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

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

#110304
```
#110304 rgb(17,3,4)
```
#220509
```
#220509 rgb(34,5,9)
```
#32080d
```
#32080d rgb(50,8,13)
```
#430b11
```
#430b11 rgb(67,11,17)
```
#540e16
```
#540e16 rgb(84,14,22)
```
#65101a
```
#65101a rgb(101,16,26)
```
#76131e
```
#76131e rgb(118,19,30)
```
#871623
```
#871623 rgb(135,22,35)
```
#981827
```
#981827 rgb(152,24,39)
```
#a91b2c
```
#a91b2c rgb(169,27,44)
```
#ba1e30
```
#ba1e30 rgb(186,30,48)
```
#ca2134
```
#ca2134 rgb(202,33,52)
```
#db2339
```
#db2339 rgb(219,35,57)
```

Shade Color Variation

#de3448
```
#de3448 rgb(222,52,72)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#e45666
```
#e45666 rgb(228,86,102)
```
#e66776
```
#e66776 rgb(230,103,118)
```
#e97885
```
#e97885 rgb(233,120,133)
```
#ec8994
```
#ec8994 rgb(236,137,148)
```
#ef99a3
```
#ef99a3 rgb(239,153,163)
```
#f1aab3
```
#f1aab3 rgb(241,170,179)
```
#f4bbc2
```
#f4bbc2 rgb(244,187,194)
```
#f7ccd1
```
#f7ccd1 rgb(247,204,209)
```
#fadde0
```
#fadde0 rgb(250,221,224)
```
#fceef0
```
#fceef0 rgb(252,238,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969091
```
#969091 rgb(150,144,145)
```
#9f878a
```
#9f878a rgb(159,135,138)
```
#a77f84
```
#a77f84 rgb(167,127,132)
```
#af777d
```
#af777d rgb(175,119,125)
```
#b76f77
```
#b76f77 rgb(183,111,119)
```
#c06671
```
#c06671 rgb(192,102,113)
```
#c85e6a
```
#c85e6a rgb(200,94,106)
```
#d05664
```
#d05664 rgb(208,86,100)
```
#d94d5d
```
#d94d5d rgb(217,77,93)
```
#e14557
```
#e14557 rgb(225,69,87)
```
#e93d51
```
#e93d51 rgb(233,61,81)
```
#f2344a
```
#f2344a rgb(242,52,74)
```
#fa2c44
```
#fa2c44 rgb(250,44,68)
```

Tone Color Variation

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

#8b8474 Protanopia 1% of men
#9f7f55 Deuteranopia 1% of men
#e25054 Tritanopia 0.001% of the population

Trichromacy

#aa6d69 Protanomaly 1% of men, 0.01% of women
#b76a56 Deuteranomaly 6% of men, 0.4% of women
#e14c55 Tritanomaly 0.01% of the population

#e14557 hex color

#e14557 Color Information

#e14557 Color Conversion

Color Schemes with #e14557

Alternatives to #e14557

#e14557 Preview

Shades and Tints of #e14557

Tones of #e14557

Color Blindness Simulator