colorhexa.com

#ec5a48 hex color

In a RGB color space, hex #ec5a48 is composed of 92.5% red, 35.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 69.5% yellow and 7.5% black. It has a hue angle of 6.6 degrees, a saturation of 81.2% and a lightness of 60.4%. #ec5a48 color hex could be obtained by blending #ffb490 with #d90000. Closest websafe color is: #ff6633.

- R 93
- G 35
- B 28
RGB color chart
- C 0
- M 62
- Y 69
- K 7
CMYK color chart

● #ec5a48 color description : Soft red.

The hexadecimal color #ec5a48 has RGB values of R:236, G:90, B:72 and CMYK values of C:0, M:0.62, Y:0.69, K:0.07. Its decimal value is 15489608.

Hex triplet	ec5a48	`#ec5a48`
RGB Decimal	236, 90, 72	`rgb(236,90,72)`
RGB Percent	92.5, 35.3, 28.2	`rgb(92.5%,35.3%,28.2%)`
CMYK	0, 62, 69, 7
HSL	6.6°, 81.2, 60.4	`hsl(6.6,81.2%,60.4%)`
HSV (or HSB)	6.6°, 69.5, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.672, 55.321, 39.901
XYZ	39.419, 25.617, 8.999
xyY	0.532, 0.346, 25.617
CIE-LCH	57.672, 68.21, 35.801
CIE-LUV	57.672, 113.982, 32.418
Hunter-Lab	50.613, 50.448, 24.887
Binary	11101100, 01011010, 01001000

#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#48daec
```
#48daec rgb(72,218,236)
```

Complementary Color

#ec4888
```
#ec4888 rgb(236,72,136)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#ecac48
```
#ecac48 rgb(236,172,72)
```

Analogous Color

#4888ec
```
#4888ec rgb(72,136,236)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#48ecac
```
#48ecac rgb(72,236,172)
```

Split Complementary Color

#5a48ec
```
#5a48ec rgb(90,72,236)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#48ec5a
```
#48ec5a rgb(72,236,90)
```

Triadic Color

#ec48da
```
#ec48da rgb(236,72,218)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#48ec5a
```
#48ec5a rgb(72,236,90)
```
#48daec
```
#48daec rgb(72,218,236)
```

Tetradic Color

#d22a16
```
#d22a16 rgb(210,42,22)
```
#e7301a
```
#e7301a rgb(231,48,26)
```
#ea4531
```
#ea4531 rgb(234,69,49)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#ee6f5f
```
#ee6f5f rgb(238,111,95)
```
#f18476
```
#f18476 rgb(241,132,118)
```
#f3988d
```
#f3988d rgb(243,152,141)
```

Monochromatic Color

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

#ec485f
```
#ec485f rgb(236,72,95)
```
#ec4851
```
#ec4851 rgb(236,72,81)
```
#ec4c48
```
#ec4c48 rgb(236,76,72)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#ec6848
```
#ec6848 rgb(236,104,72)
```
#ec7548
```
#ec7548 rgb(236,117,72)
```
#ec8348
```
#ec8348 rgb(236,131,72)
```

Similar Colors

Text with hexadecimal color #ec5a48

This text has a font color of #ec5a48.

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

#ec5a48 background color

This paragraph has a background color of #ec5a48.

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

#ec5a48 border color

This element has a border color of #ec5a48.

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

CSS codes

.text {color:#ec5a48;}

.background {background-color:#ec5a48;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0603
```
#1e0603 rgb(30,6,3)
```
#300a05
```
#300a05 rgb(48,10,5)
```
#420d07
```
#420d07 rgb(66,13,7)
```
#541109
```
#541109 rgb(84,17,9)
```
#65140b
```
#65140b rgb(101,20,11)
```
#77180c
```
#77180c rgb(119,24,12)
```
#891c0e
```
#891c0e rgb(137,28,14)
```
#9b1f10
```
#9b1f10 rgb(155,31,16)
```
#ac2312
```
#ac2312 rgb(172,35,18)
```
#be2614
```
#be2614 rgb(190,38,20)
```
#d02a16
```
#d02a16 rgb(208,42,22)
```
#e22e17
```
#e22e17 rgb(226,46,23)
```

Shade Color Variation

#e83a24
```
#e83a24 rgb(232,58,36)
```
#ea4a36
```
#ea4a36 rgb(234,74,54)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#ee6a5a
```
#ee6a5a rgb(238,106,90)
```
#f07a6c
```
#f07a6c rgb(240,122,108)
```
#f28a7d
```
#f28a7d rgb(242,138,125)
```
#f39a8f
```
#f39a8f rgb(243,154,143)
```
#f5aaa1
```
#f5aaa1 rgb(245,170,161)
```
#f7bab3
```
#f7bab3 rgb(247,186,179)
```
#f9cac4
```
#f9cac4 rgb(249,202,196)
```
#fbdad6
```
#fbdad6 rgb(251,218,214)
```
#fdeae8
```
#fdeae8 rgb(253,234,232)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#9e9796
```
#9e9796 rgb(158,151,150)
```
#a6918e
```
#a6918e rgb(166,145,142)
```
#ae8b86
```
#ae8b86 rgb(174,139,134)
```
#b6847e
```
#b6847e rgb(182,132,126)
```
#bd7e77
```
#bd7e77 rgb(189,126,119)
```
#c5786f
```
#c5786f rgb(197,120,111)
```
#cd7267
```
#cd7267 rgb(205,114,103)
```
#d56c5f
```
#d56c5f rgb(213,108,95)
```
#dc6658
```
#dc6658 rgb(220,102,88)
```
#e46050
```
#e46050 rgb(228,96,80)
```
#ec5a48
```
#ec5a48 rgb(236,90,72)
```
#f45440
```
#f45440 rgb(244,84,64)
```
#fc4e38
```
#fc4e38 rgb(252,78,56)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#997c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9060 Protanopia 1% of men
#b18a47 Deuteranopia 1% of men
#ed5f65 Tritanopia 0.001% of the population

Trichromacy

#b97c57 Protanomaly 1% of men, 0.01% of women
#c67847 Deuteranomaly 6% of men, 0.4% of women
#ed5d5a Tritanomaly 0.01% of the population