#ec5a2e hex color

In a RGB color space, hex #ec5a2e is composed of 92.5% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 80.5% yellow and 7.5% black. It has a hue angle of 13.9 degrees, a saturation of 83.3% and a lightness of 55.3%. #ec5a2e color hex could be obtained by blending #ffb45c with #d90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 35
- B 18
RGB color chart
- C 0
- M 62
- Y 81
- K 7
CMYK color chart

● #ec5a2e color description : Bright red.

The hexadecimal color #ec5a2e has RGB values of R:236, G:90, B:46 and CMYK values of C:0, M:0.62, Y:0.81, K:0.07. Its decimal value is 15489582.

Hex triplet	ec5a2e	`#ec5a2e`
RGB Decimal	236, 90, 46	`rgb(236,90,46)`
RGB Percent	92.5, 35.3, 18	`rgb(92.5%,35.3%,18%)`
CMYK	0, 62, 81, 7
HSL	13.9°, 83.3, 55.3	`hsl(13.9,83.3%,55.3%)`
HSV (or HSB)	13.9°, 80.5, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.412, 54.298, 52.924
XYZ	38.743, 25.347, 5.437
xyY	0.557, 0.365, 25.347
CIE-LCH	57.412, 75.824, 44.265
CIE-LUV	57.412, 118.081, 41.625
Hunter-Lab	50.345, 49.259, 28.839
Binary	11101100, 01011010, 00101110

#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#2ec0ec
```
#2ec0ec rgb(46,192,236)
```

Complementary Color

#ec2e61
```
#ec2e61 rgb(236,46,97)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#ecb92e
```
#ecb92e rgb(236,185,46)
```

Analogous Color

#2e61ec
```
#2e61ec rgb(46,97,236)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#2eecb9
```
#2eecb9 rgb(46,236,185)
```

Split Complementary Color

#5a2eec
```
#5a2eec rgb(90,46,236)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#2eec5a
```
#2eec5a rgb(46,236,90)
```

Triadic Color

#ec2ec0
```
#ec2ec0 rgb(236,46,192)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#2eec5a
```
#2eec5a rgb(46,236,90)
```
#2ec0ec
```
#2ec0ec rgb(46,192,236)
```

Tetradic Color

#bc3911
```
#bc3911 rgb(188,57,17)
```
#d44013
```
#d44013 rgb(212,64,19)
```
#ea4817
```
#ea4817 rgb(234,72,23)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#ee6c45
```
#ee6c45 rgb(238,108,69)
```
#f07f5d
```
#f07f5d rgb(240,127,93)
```
#f29174
```
#f29174 rgb(242,145,116)
```

Monochromatic Color

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

#ec2e32
```
#ec2e32 rgb(236,46,50)
```
#ec3a2e
```
#ec3a2e rgb(236,58,46)
```
#ec4a2e
```
#ec4a2e rgb(236,74,46)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#ec6a2e
```
#ec6a2e rgb(236,106,46)
```
#ec7a2e
```
#ec7a2e rgb(236,122,46)
```
#ec8a2e
```
#ec8a2e rgb(236,138,46)
```

Similar Colors

Text with hexadecimal color #ec5a2e

This text has a font color of #ec5a2e.

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

#ec5a2e background color

This paragraph has a background color of #ec5a2e.

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

#ec5a2e border color

This element has a border color of #ec5a2e.

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

CSS codes

.text {color:#ec5a2e;}

.background {background-color:#ec5a2e;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#190702
```
#190702 rgb(25,7,2)
```
#2b0d04
```
#2b0d04 rgb(43,13,4)
```
#3d1206
```
#3d1206 rgb(61,18,6)
```
#4f1807
```
#4f1807 rgb(79,24,7)
```
#611d09
```
#611d09 rgb(97,29,9)
```
#73230a
```
#73230a rgb(115,35,10)
```
#85280c
```
#85280c rgb(133,40,12)
```
#972d0e
```
#972d0e rgb(151,45,14)
```
#a9330f
```
#a9330f rgb(169,51,15)
```
#bb3811
```
#bb3811 rgb(187,56,17)
```
#cd3e13
```
#cd3e13 rgb(205,62,19)
```
#df4314
```
#df4314 rgb(223,67,20)
```

Shade Color Variation

#ea4c1c
```
#ea4c1c rgb(234,76,28)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#ee6840
```
#ee6840 rgb(238,104,64)
```
#ef7652
```
#ef7652 rgb(239,118,82)
```
#f18564
```
#f18564 rgb(241,133,100)
```
#f39376
```
#f39376 rgb(243,147,118)
```
#f4a188
```
#f4a188 rgb(244,161,136)
```
#f6af9a
```
#f6af9a rgb(246,175,154)
```
#f7bdac
```
#f7bdac rgb(247,189,172)
```
#f9ccbe
```
#f9ccbe rgb(249,204,190)
```
#fbdad0
```
#fbdad0 rgb(251,218,208)
```
#fce8e2
```
#fce8e2 rgb(252,232,226)
```
#fef6f4
```
#fef6f4 rgb(254,246,244)
```

Tint Color Variation

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

#948986
```
#948986 rgb(148,137,134)
```
#9d847d
```
#9d847d rgb(157,132,125)
```
#a68074
```
#a68074 rgb(166,128,116)
```
#af7b6b
```
#af7b6b rgb(175,123,107)
```
#b77663
```
#b77663 rgb(183,118,99)
```
#c0725a
```
#c0725a rgb(192,114,90)
```
#c96d51
```
#c96d51 rgb(201,109,81)
```
#d26848
```
#d26848 rgb(210,104,72)
```
#da6340
```
#da6340 rgb(218,99,64)
```
#e35f37
```
#e35f37 rgb(227,95,55)
```
#ec5a2e
```
#ec5a2e rgb(236,90,46)
```
#f55525
```
#f55525 rgb(245,85,37)
```
#fe511c
```
#fe511c rgb(254,81,28)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#967970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9045 Protanopia 1% of men
#b3892b Deuteranopia 1% of men
#ee5d62 Tritanopia 0.001% of the population

Trichromacy

#bb7c3c Protanomaly 1% of men, 0.01% of women
#c7782c Deuteranomaly 6% of men, 0.4% of women
#ed5c4f Tritanomaly 0.01% of the population

#ec5a2e hex color

#ec5a2e Color Information

#ec5a2e Color Conversion

Color Schemes with #ec5a2e

Alternatives to #ec5a2e

#ec5a2e Preview

Shades and Tints of #ec5a2e

Tones of #ec5a2e

Color Blindness Simulator