#e54a49 hex color

In a RGB color space, hex #e54a49 is composed of 89.8% red, 29% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 68.1% yellow and 10.2% black. It has a hue angle of 0.4 degrees, a saturation of 75% and a lightness of 59.2%. #e54a49 color hex could be obtained by blending #ff9492 with #cb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 90
- G 29
- B 29
RGB color chart
- C 0
- M 68
- Y 68
- K 10
CMYK color chart

● #e54a49 color description : Soft red.

The hexadecimal color #e54a49 has RGB values of R:229, G:74, B:73 and CMYK values of C:0, M:0.68, Y:0.68, K:0.1. Its decimal value is 15026761.

Hex triplet	e54a49	`#e54a49`
RGB Decimal	229, 74, 73	`rgb(229,74,73)`
RGB Percent	89.8, 29, 28.6	`rgb(89.8%,29%,28.6%)`
CMYK	0, 68, 68, 10
HSL	0.4°, 75, 59.2	`hsl(0.4,75%,59.2%)`
HSV (or HSB)	0.4°, 68.1, 89.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	54.07, 59.623, 34.789
XYZ	35.966, 22.041, 8.663
xyY	0.539, 0.331, 22.041
CIE-LCH	54.07, 69.031, 30.263
CIE-LUV	54.07, 118.533, 25.986
Hunter-Lab	46.947, 54.589, 21.922
Binary	11100101, 01001010, 01001001

#e54a49
```
#e54a49 rgb(229,74,73)
```
#49e4e5
```
#49e4e5 rgb(73,228,229)
```

Complementary Color

#e54996
```
#e54996 rgb(229,73,150)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#e59849
```
#e59849 rgb(229,152,73)
```

Analogous Color

#4996e5
```
#4996e5 rgb(73,150,229)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#49e598
```
#49e598 rgb(73,229,152)
```

Split Complementary Color

#4a49e5
```
#4a49e5 rgb(74,73,229)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#49e54a
```
#49e54a rgb(73,229,74)
```

Triadic Color

#e549e4
```
#e549e4 rgb(229,73,228)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#49e54a
```
#49e54a rgb(73,229,74)
```
#49e4e5
```
#49e4e5 rgb(73,228,229)
```

Tetradic Color

#c51d1c
```
#c51d1c rgb(197,29,28)
```
#dc211f
```
#dc211f rgb(220,33,31)
```
#e23433
```
#e23433 rgb(226,52,51)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#e8605f
```
#e8605f rgb(232,96,95)
```
#eb7676
```
#eb7676 rgb(235,118,118)
```
#ef8d8c
```
#ef8d8c rgb(239,141,140)
```

Monochromatic Color

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

#e5496f
```
#e5496f rgb(229,73,111)
```
#e54962
```
#e54962 rgb(229,73,98)
```
#e54955
```
#e54955 rgb(229,73,85)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#e55749
```
#e55749 rgb(229,87,73)
```
#e56449
```
#e56449 rgb(229,100,73)
```
#e57149
```
#e57149 rgb(229,113,73)
```

Similar Colors

Text with hexadecimal color #e54a49

This text has a font color of #e54a49.

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

#e54a49 background color

This paragraph has a background color of #e54a49.

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

#e54a49 border color

This element has a border color of #e54a49.

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

CSS codes

.text {color:#e54a49;}

.background {background-color:#e54a49;}

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

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 #fef5f5 is the lightest one.

#070101
```
#070101 rgb(7,1,1)
```
#180403
```
#180403 rgb(24,4,3)
```
#290606
```
#290606 rgb(41,6,6)
```
#3a0908
```
#3a0908 rgb(58,9,8)
```
#4b0b0b
```
#4b0b0b rgb(75,11,11)
```
#5d0e0d
```
#5d0e0d rgb(93,14,13)
```
#6e1010
```
#6e1010 rgb(110,16,16)
```
#7f1312
```
#7f1312 rgb(127,19,18)
```
#901515
```
#901515 rgb(144,21,21)
```
#a11817
```
#a11817 rgb(161,24,23)
```
#b21a19
```
#b21a19 rgb(178,26,25)
```
#c41d1c
```
#c41d1c rgb(196,29,28)
```
#d5201e
```
#d5201e rgb(213,32,30)
```

Shade Color Variation

#e02827
```
#e02827 rgb(224,40,39)
```
#e33938
```
#e33938 rgb(227,57,56)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#e75b5a
```
#e75b5a rgb(231,91,90)
```
#ea6c6b
```
#ea6c6b rgb(234,108,107)
```
#ec7d7c
```
#ec7d7c rgb(236,125,124)
```
#ef8e8e
```
#ef8e8e rgb(239,142,142)
```
#f19f9f
```
#f19f9f rgb(241,159,159)
```
#f4b0b0
```
#f4b0b0 rgb(244,176,176)
```
#f6c1c1
```
#f6c1c1 rgb(246,193,193)
```
#f9d3d2
```
#f9d3d2 rgb(249,211,210)
```
#fbe4e3
```
#fbe4e3 rgb(251,228,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#9d9191
```
#9d9191 rgb(157,145,145)
```
#a58989
```
#a58989 rgb(165,137,137)
```
#ad8181
```
#ad8181 rgb(173,129,129)
```
#b57979
```
#b57979 rgb(181,121,121)
```
#bd7171
```
#bd7171 rgb(189,113,113)
```
#c56a69
```
#c56a69 rgb(197,106,105)
```
#cd6261
```
#cd6261 rgb(205,98,97)
```
#d55a59
```
#d55a59 rgb(213,90,89)
```
#dd5251
```
#dd5251 rgb(221,82,81)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#ed4241
```
#ed4241 rgb(237,66,65)
```
#f53a39
```
#f53a39 rgb(245,58,57)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8e6f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#918764 Protanopia 1% of men
#a58148 Deuteranopia 1% of men
#e65256 Tritanopia 0.001% of the population

Trichromacy

#af715a Protanomaly 1% of men, 0.01% of women
#bc6d48 Deuteranomaly 6% of men, 0.4% of women
#e54f51 Tritanomaly 0.01% of the population

#e54a49 hex color

#e54a49 Color Information

#e54a49 Color Conversion

Color Schemes with #e54a49

Alternatives to #e54a49

#e54a49 Preview

Shades and Tints of #e54a49

Tones of #e54a49

Color Blindness Simulator