#ec5a00 hex color

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

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

● #ec5a00 color description : Pure (or mostly pure) orange.

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

Hex triplet	ec5a00	`#ec5a00`
RGB Decimal	236, 90, 0	`rgb(236,90,0)`
RGB Percent	92.5, 35.3, 0	`rgb(92.5%,35.3%,0%)`
CMYK	0, 62, 100, 7
HSL	22.9°, 100, 46.3	`hsl(22.9,100%,46.3%)`
HSV (or HSB)	22.9°, 100, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.221, 53.542, 66.928
XYZ	38.25, 25.149, 2.84
xyY	0.577, 0.38, 25.149
CIE-LCH	57.221, 85.709, 51.341
CIE-LUV	57.221, 121.25, 48.709
Hunter-Lab	50.149, 48.385, 31.747
Binary	11101100, 01011010, 00000000

#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#0092ec
```
#0092ec rgb(0,146,236)
```

Complementary Color

#ec001c
```
#ec001c rgb(236,0,28)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#ecd000
```
#ecd000 rgb(236,208,0)
```

Analogous Color

#001cec
```
#001cec rgb(0,28,236)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#00ecd0
```
#00ecd0 rgb(0,236,208)
```

Split Complementary Color

#5a00ec
```
#5a00ec rgb(90,0,236)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#00ec5a
```
#00ec5a rgb(0,236,90)
```

Triadic Color

#ec0092
```
#ec0092 rgb(236,0,146)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#00ec5a
```
#00ec5a rgb(0,236,90)
```
#0092ec
```
#0092ec rgb(0,146,236)
```

Tetradic Color

#a03d00
```
#a03d00 rgb(160,61,0)
```
#b94700
```
#b94700 rgb(185,71,0)
```
#d35000
```
#d35000 rgb(211,80,0)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#ff6506
```
#ff6506 rgb(255,101,6)
```
#ff7520
```
#ff7520 rgb(255,117,32)
```
#ff853a
```
#ff853a rgb(255,133,58)
```

Monochromatic Color

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

#ec1f00
```
#ec1f00 rgb(236,31,0)
```
#ec3300
```
#ec3300 rgb(236,51,0)
```
#ec4600
```
#ec4600 rgb(236,70,0)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```
#ec6e00
```
#ec6e00 rgb(236,110,0)
```
#ec8100
```
#ec8100 rgb(236,129,0)
```
#ec9500
```
#ec9500 rgb(236,149,0)
```

Similar Colors

Text with hexadecimal color #ec5a00

This text has a font color of #ec5a00.

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

#ec5a00 background color

This paragraph has a background color of #ec5a00.

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

#ec5a00 border color

This element has a border color of #ec5a00.

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

CSS codes

.text {color:#ec5a00;}

.background {background-color:#ec5a00;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140800
```
#140800 rgb(20,8,0)
```
#280f00
```
#280f00 rgb(40,15,0)
```
#3b1700
```
#3b1700 rgb(59,23,0)
```
#4f1e00
```
#4f1e00 rgb(79,30,0)
```
#632600
```
#632600 rgb(99,38,0)
```
#762d00
```
#762d00 rgb(118,45,0)
```
#8a3500
```
#8a3500 rgb(138,53,0)
```
#9e3c00
```
#9e3c00 rgb(158,60,0)
```
#b14400
```
#b14400 rgb(177,68,0)
```
#c54b00
```
#c54b00 rgb(197,75,0)
```
#d85300
```
#d85300 rgb(216,83,0)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```

Shade Color Variation

#ff6201
```
#ff6201 rgb(255,98,1)
```
#ff6e14
```
#ff6e14 rgb(255,110,20)
```
#ff7a28
```
#ff7a28 rgb(255,122,40)
```
#ff863b
```
#ff863b rgb(255,134,59)
```
#ff924f
```
#ff924f rgb(255,146,79)
```
#ff9e63
```
#ff9e63 rgb(255,158,99)
```
#ffaa76
```
#ffaa76 rgb(255,170,118)
```
#ffb78a
```
#ffb78a rgb(255,183,138)
```
#ffc39e
```
#ffc39e rgb(255,195,158)
```
#ffcfb1
```
#ffcfb1 rgb(255,207,177)
```
#ffdbc5
```
#ffdbc5 rgb(255,219,197)
```
#ffe7d8
```
#ffe7d8 rgb(255,231,216)
```
#fff3ec
```
#fff3ec rgb(255,243,236)
```

Tint Color Variation

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

#7f746d
```
#7f746d rgb(127,116,109)
```
#887264
```
#887264 rgb(136,114,100)
```
#91705b
```
#91705b rgb(145,112,91)
```
#9a6d52
```
#9a6d52 rgb(154,109,82)
```
#a36b49
```
#a36b49 rgb(163,107,73)
```
#ac6940
```
#ac6940 rgb(172,105,64)
```
#b66736
```
#b66736 rgb(182,103,54)
```
#bf652d
```
#bf652d rgb(191,101,45)
```
#c86324
```
#c86324 rgb(200,99,36)
```
#d1601b
```
#d1601b rgb(209,96,27)
```
#da5e12
```
#da5e12 rgb(218,94,18)
```
#e35c09
```
#e35c09 rgb(227,92,9)
```
#ec5a00
```
#ec5a00 rgb(236,90,0)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#927462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f1a Protanopia 1% of men
#b38800 Deuteranopia 1% of men
#ef5c61 Tritanopia 0.001% of the population

Trichromacy

#bc7c10 Protanomaly 1% of men, 0.01% of women
#c77700 Deuteranomaly 6% of men, 0.4% of women
#ed5b3d Tritanomaly 0.01% of the population

#ec5a00 hex color

#ec5a00 Color Information

#ec5a00 Color Conversion

Color Schemes with #ec5a00

Alternatives to #ec5a00

#ec5a00 Preview

Shades and Tints of #ec5a00

Tones of #ec5a00

Color Blindness Simulator