#ec5a28 hex color

In a RGB color space, hex #ec5a28 is composed of 92.5% red, 35.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 83.1% yellow and 7.5% black. It has a hue angle of 15.3 degrees, a saturation of 83.8% and a lightness of 54.1%. #ec5a28 color hex could be obtained by blending #ffb450 with #d90000. Closest websafe color is: #ff6633.

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

● #ec5a28 color description : Bright orange.

The hexadecimal color #ec5a28 has RGB values of R:236, G:90, B:40 and CMYK values of C:0, M:0.62, Y:0.83, K:0.07. Its decimal value is 15489576.

Hex triplet	ec5a28	`#ec5a28`
RGB Decimal	236, 90, 40	`rgb(236,90,40)`
RGB Percent	92.5, 35.3, 15.7	`rgb(92.5%,35.3%,15.7%)`
CMYK	0, 62, 83, 7
HSL	15.3°, 83.8, 54.1	`hsl(15.3,83.8%,54.1%)`
HSV (or HSB)	15.3°, 83.1, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.369, 54.13, 55.568
XYZ	38.633, 25.303, 4.857
xyY	0.562, 0.368, 25.303
CIE-LCH	57.369, 77.575, 45.751
CIE-LUV	57.369, 118.775, 43.179
Hunter-Lab	50.302, 49.064, 29.486
Binary	11101100, 01011010, 00101000

#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#28baec
```
#28baec rgb(40,186,236)
```

Complementary Color

#ec2858
```
#ec2858 rgb(236,40,88)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#ecbc28
```
#ecbc28 rgb(236,188,40)
```

Analogous Color

#2858ec
```
#2858ec rgb(40,88,236)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#28ecbc
```
#28ecbc rgb(40,236,188)
```

Split Complementary Color

#5a28ec
```
#5a28ec rgb(90,40,236)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#28ec5a
```
#28ec5a rgb(40,236,90)
```

Triadic Color

#ec28ba
```
#ec28ba rgb(236,40,186)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#28ec5a
```
#28ec5a rgb(40,236,90)
```
#28baec
```
#28baec rgb(40,186,236)
```

Tetradic Color

#b73b10
```
#b73b10 rgb(183,59,16)
```
#cf4212
```
#cf4212 rgb(207,66,18)
```
#e64a14
```
#e64a14 rgb(230,74,20)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#ee6c3f
```
#ee6c3f rgb(238,108,63)
```
#f07e57
```
#f07e57 rgb(240,126,87)
```
#f2906e
```
#f2906e rgb(242,144,110)
```

Monochromatic Color

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

#ec2928
```
#ec2928 rgb(236,41,40)
```
#ec3928
```
#ec3928 rgb(236,57,40)
```
#ec4a28
```
#ec4a28 rgb(236,74,40)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#ec6a28
```
#ec6a28 rgb(236,106,40)
```
#ec7b28
```
#ec7b28 rgb(236,123,40)
```
#ec8b28
```
#ec8b28 rgb(236,139,40)
```

Similar Colors

Text with hexadecimal color #ec5a28

This text has a font color of #ec5a28.

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

#ec5a28 background color

This paragraph has a background color of #ec5a28.

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

#ec5a28 border color

This element has a border color of #ec5a28.

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

CSS codes

.text {color:#ec5a28;}

.background {background-color:#ec5a28;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130602
```
#130602 rgb(19,6,2)
```
#250c03
```
#250c03 rgb(37,12,3)
```
#371205
```
#371205 rgb(55,18,5)
```
#491806
```
#491806 rgb(73,24,6)
```
#5b1d08
```
#5b1d08 rgb(91,29,8)
```
#6d230a
```
#6d230a rgb(109,35,10)
```
#7f290b
```
#7f290b rgb(127,41,11)
```
#912f0d
```
#912f0d rgb(145,47,13)
```
#a3340e
```
#a3340e rgb(163,52,14)
```
#b53a10
```
#b53a10 rgb(181,58,16)
```
#c84012
```
#c84012 rgb(200,64,18)
```
#da4613
```
#da4613 rgb(218,70,19)
```

Shade Color Variation

#ea4c16
```
#ea4c16 rgb(234,76,22)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#ee683a
```
#ee683a rgb(238,104,58)
```
#ef764c
```
#ef764c rgb(239,118,76)
```
#f1835e
```
#f1835e rgb(241,131,94)
```
#f29170
```
#f29170 rgb(242,145,112)
```
#f49f82
```
#f49f82 rgb(244,159,130)
```
#f6ad94
```
#f6ad94 rgb(246,173,148)
```
#f7bba6
```
#f7bba6 rgb(247,187,166)
```
#f9c9b8
```
#f9c9b8 rgb(249,201,184)
```
#fad6ca
```
#fad6ca rgb(250,214,202)
```
#fce4dc
```
#fce4dc rgb(252,228,220)
```
#fef2ee
```
#fef2ee rgb(254,242,238)
```

Tint Color Variation

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

#928682
```
#928682 rgb(146,134,130)
```
#9b8279
```
#9b8279 rgb(155,130,121)
```
#a47d70
```
#a47d70 rgb(164,125,112)
```
#ad7967
```
#ad7967 rgb(173,121,103)
```
#b6745e
```
#b6745e rgb(182,116,94)
```
#bf7055
```
#bf7055 rgb(191,112,85)
```
#c86c4c
```
#c86c4c rgb(200,108,76)
```
#d16743
```
#d16743 rgb(209,103,67)
```
#da633a
```
#da633a rgb(218,99,58)
```
#e35e31
```
#e35e31 rgb(227,94,49)
```
#ec5a28
```
#ec5a28 rgb(236,90,40)
```
#f5561f
```
#f5561f rgb(245,86,31)
```
#fe5116
```
#fe5116 rgb(254,81,22)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#96786e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f903e Protanopia 1% of men
#b38823 Deuteranopia 1% of men
#ee5d62 Tritanopia 0.001% of the population

Trichromacy

#bb7c36 Protanomaly 1% of men, 0.01% of women
#c77725 Deuteranomaly 6% of men, 0.4% of women
#ed5c4d Tritanomaly 0.01% of the population

#ec5a28 hex color

#ec5a28 Color Information

#ec5a28 Color Conversion

Color Schemes with #ec5a28

Alternatives to #ec5a28

#ec5a28 Preview

Shades and Tints of #ec5a28

Tones of #ec5a28

Color Blindness Simulator