#ec5a0e hex color

In a RGB color space, hex #ec5a0e is composed of 92.5% red, 35.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 94.1% yellow and 7.5% black. It has a hue angle of 20.5 degrees, a saturation of 88.8% and a lightness of 49%. #ec5a0e color hex could be obtained by blending #ffb41c with #d90000. Closest websafe color is: #ff6600.

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

● #ec5a0e color description : Vivid orange.

The hexadecimal color #ec5a0e has RGB values of R:236, G:90, B:14 and CMYK values of C:0, M:0.62, Y:0.94, K:0.07. Its decimal value is 15489550.

Hex triplet	ec5a0e	`#ec5a0e`
RGB Decimal	236, 90, 14	`rgb(236,90,14)`
RGB Percent	92.5, 35.3, 5.5	`rgb(92.5%,35.3%,5.5%)`
CMYK	0, 62, 94, 7
HSL	20.5°, 88.8, 49	`hsl(20.5,88.8%,49%)`
HSV (or HSB)	20.5°, 94.1, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.252, 53.664, 64.207
XYZ	38.329, 25.181, 3.258
xyY	0.574, 0.377, 25.181
CIE-LCH	57.252, 83.68, 50.111
CIE-LUV	57.252, 120.729, 47.548
Hunter-Lab	50.181, 48.526, 31.278
Binary	11101100, 01011010, 00001110

#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#0ea0ec
```
#0ea0ec rgb(14,160,236)
```

Complementary Color

#ec0e31
```
#ec0e31 rgb(236,14,49)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#ecc90e
```
#ecc90e rgb(236,201,14)
```

Analogous Color

#0e31ec
```
#0e31ec rgb(14,49,236)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#0eecc9
```
#0eecc9 rgb(14,236,201)
```

Split Complementary Color

#5a0eec
```
#5a0eec rgb(90,14,236)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#0eec5a
```
#0eec5a rgb(14,236,90)
```

Triadic Color

#ec0ea0
```
#ec0ea0 rgb(236,14,160)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#0eec5a
```
#0eec5a rgb(14,236,90)
```
#0ea0ec
```
#0ea0ec rgb(14,160,236)
```

Tetradic Color

#a43e0a
```
#a43e0a rgb(164,62,10)
```
#bc480b
```
#bc480b rgb(188,72,11)
```
#d4510d
```
#d4510d rgb(212,81,13)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#f26922
```
#f26922 rgb(242,105,34)
```
#f3793a
```
#f3793a rgb(243,121,58)
```
#f58a52
```
#f58a52 rgb(245,138,82)
```

Monochromatic Color

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

#ec230e
```
#ec230e rgb(236,35,14)
```
#ec350e
```
#ec350e rgb(236,53,14)
```
#ec480e
```
#ec480e rgb(236,72,14)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#ec6d0e
```
#ec6d0e rgb(236,109,14)
```
#ec7f0e
```
#ec7f0e rgb(236,127,14)
```
#ec920e
```
#ec920e rgb(236,146,14)
```

Similar Colors

Text with hexadecimal color #ec5a0e

This text has a font color of #ec5a0e.

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

#ec5a0e background color

This paragraph has a background color of #ec5a0e.

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

#ec5a0e border color

This element has a border color of #ec5a0e.

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

CSS codes

.text {color:#ec5a0e;}

.background {background-color:#ec5a0e;}

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

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

#0e0501
```
#0e0501 rgb(14,5,1)
```
#200c02
```
#200c02 rgb(32,12,2)
```
#331303
```
#331303 rgb(51,19,3)
```
#451a04
```
#451a04 rgb(69,26,4)
```
#582205
```
#582205 rgb(88,34,5)
```
#6a2906
```
#6a2906 rgb(106,41,6)
```
#7d3007
```
#7d3007 rgb(125,48,7)
```
#8f3709
```
#8f3709 rgb(143,55,9)
```
#a23e0a
```
#a23e0a rgb(162,62,10)
```
#b4450b
```
#b4450b rgb(180,69,11)
```
#c74c0c
```
#c74c0c rgb(199,76,12)
```
#d9530d
```
#d9530d rgb(217,83,13)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```

Shade Color Variation

#f2651c
```
#f2651c rgb(242,101,28)
```
#f3722f
```
#f3722f rgb(243,114,47)
```
#f47e41
```
#f47e41 rgb(244,126,65)
```
#f58b54
```
#f58b54 rgb(245,139,84)
```
#f69766
```
#f69766 rgb(246,151,102)
```
#f7a479
```
#f7a479 rgb(247,164,121)
```
#f8b08b
```
#f8b08b rgb(248,176,139)
```
#f9bd9e
```
#f9bd9e rgb(249,189,158)
```
#facab0
```
#facab0 rgb(250,202,176)
```
#fbd6c3
```
#fbd6c3 rgb(251,214,195)
```
#fde3d5
```
#fde3d5 rgb(253,227,213)
```
#feefe8
```
#feefe8 rgb(254,239,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#827b78
```
#827b78 rgb(130,123,120)
```
#8c786e
```
#8c786e rgb(140,120,110)
```
#957565
```
#957565 rgb(149,117,101)
```
#9f725b
```
#9f725b rgb(159,114,91)
```
#a96f51
```
#a96f51 rgb(169,111,81)
```
#b26c48
```
#b26c48 rgb(178,108,72)
```
#bc693e
```
#bc693e rgb(188,105,62)
```
#c66634
```
#c66634 rgb(198,102,52)
```
#cf632b
```
#cf632b rgb(207,99,43)
```
#d96021
```
#d96021 rgb(217,96,33)
```
#e25d18
```
#e25d18 rgb(226,93,24)
```
#ec5a0e
```
#ec5a0e rgb(236,90,14)
```
#f65704
```
#f65704 rgb(246,87,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#937667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f26 Protanopia 1% of men
#b38800 Deuteranopia 1% of men
#ee5c61 Tritanopia 0.001% of the population

Trichromacy

#bb7c1d Protanomaly 1% of men, 0.01% of women
#c87705 Deuteranomaly 6% of men, 0.4% of women
#ed5b43 Tritanomaly 0.01% of the population

#ec5a0e hex color

#ec5a0e Color Information

#ec5a0e Color Conversion

Color Schemes with #ec5a0e

Alternatives to #ec5a0e

#ec5a0e Preview

Shades and Tints of #ec5a0e

Tones of #ec5a0e

Color Blindness Simulator