#ec5f00 hex color

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

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

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

The hexadecimal color #ec5f00 has RGB values of R:236, G:95, B:0 and CMYK values of C:0, M:0.6, Y:1, K:0.07. Its decimal value is 15490816.

Hex triplet	ec5f00	`#ec5f00`
RGB Decimal	236, 95, 0	`rgb(236,95,0)`
RGB Percent	92.5, 37.3, 0	`rgb(92.5%,37.3%,0%)`
CMYK	0, 60, 100, 7
HSL	24.2°, 100, 46.3	`hsl(24.2,100%,46.3%)`
HSV (or HSB)	24.2°, 100, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.057, 51.333, 67.376
XYZ	38.686, 26.022, 2.986
xyY	0.571, 0.384, 26.022
CIE-LCH	58.057, 84.703, 52.697
CIE-LUV	58.057, 117.352, 50.111
Hunter-Lab	51.011, 46.102, 32.238
Binary	11101100, 01011111, 00000000

#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#008dec
```
#008dec rgb(0,141,236)
```

Complementary Color

#ec0017
```
#ec0017 rgb(236,0,23)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#ecd500
```
#ecd500 rgb(236,213,0)
```

Analogous Color

#0017ec
```
#0017ec rgb(0,23,236)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#00ecd5
```
#00ecd5 rgb(0,236,213)
```

Split Complementary Color

#5f00ec
```
#5f00ec rgb(95,0,236)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#00ec5f
```
#00ec5f rgb(0,236,95)
```

Triadic Color

#ec008d
```
#ec008d rgb(236,0,141)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#00ec5f
```
#00ec5f rgb(0,236,95)
```
#008dec
```
#008dec rgb(0,141,236)
```

Tetradic Color

#a04000
```
#a04000 rgb(160,64,0)
```
#b94a00
```
#b94a00 rgb(185,74,0)
```
#d35500
```
#d35500 rgb(211,85,0)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#ff6b06
```
#ff6b06 rgb(255,107,6)
```
#ff7a20
```
#ff7a20 rgb(255,122,32)
```
#ff893a
```
#ff893a rgb(255,137,58)
```

Monochromatic Color

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

#ec2400
```
#ec2400 rgb(236,36,0)
```
#ec3800
```
#ec3800 rgb(236,56,0)
```
#ec4b00
```
#ec4b00 rgb(236,75,0)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```
#ec7300
```
#ec7300 rgb(236,115,0)
```
#ec8600
```
#ec8600 rgb(236,134,0)
```
#ec9a00
```
#ec9a00 rgb(236,154,0)
```

Similar Colors

Text with hexadecimal color #ec5f00

This text has a font color of #ec5f00.

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

#ec5f00 background color

This paragraph has a background color of #ec5f00.

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

#ec5f00 border color

This element has a border color of #ec5f00.

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

CSS codes

.text {color:#ec5f00;}

.background {background-color:#ec5f00;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140800
```
#140800 rgb(20,8,0)
```
#281000
```
#281000 rgb(40,16,0)
```
#3b1800
```
#3b1800 rgb(59,24,0)
```
#4f2000
```
#4f2000 rgb(79,32,0)
```
#632800
```
#632800 rgb(99,40,0)
```
#763000
```
#763000 rgb(118,48,0)
```
#8a3800
```
#8a3800 rgb(138,56,0)
```
#9e3f00
```
#9e3f00 rgb(158,63,0)
```
#b14700
```
#b14700 rgb(177,71,0)
```
#c54f00
```
#c54f00 rgb(197,79,0)
```
#d85700
```
#d85700 rgb(216,87,0)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```

Shade Color Variation

#ff6701
```
#ff6701 rgb(255,103,1)
```
#ff7314
```
#ff7314 rgb(255,115,20)
```
#ff7e28
```
#ff7e28 rgb(255,126,40)
```
#ff8a3b
```
#ff8a3b rgb(255,138,59)
```
#ff964f
```
#ff964f rgb(255,150,79)
```
#ffa263
```
#ffa263 rgb(255,162,99)
```
#ffad76
```
#ffad76 rgb(255,173,118)
```
#ffb98a
```
#ffb98a rgb(255,185,138)
```
#ffc59e
```
#ffc59e rgb(255,197,158)
```
#ffd0b1
```
#ffd0b1 rgb(255,208,177)
```
#ffdcc5
```
#ffdcc5 rgb(255,220,197)
```
#ffe8d8
```
#ffe8d8 rgb(255,232,216)
```
#fff4ec
```
#fff4ec rgb(255,244,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 #ec5f00 is the most saturated one.

#7f746d
```
#7f746d rgb(127,116,109)
```
#887264
```
#887264 rgb(136,114,100)
```
#91715b
```
#91715b rgb(145,113,91)
```
#9a6f52
```
#9a6f52 rgb(154,111,82)
```
#a36d49
```
#a36d49 rgb(163,109,73)
```
#ac6b40
```
#ac6b40 rgb(172,107,64)
```
#b66a36
```
#b66a36 rgb(182,106,54)
```
#bf682d
```
#bf682d rgb(191,104,45)
```
#c86624
```
#c86624 rgb(200,102,36)
```
#d1641b
```
#d1641b rgb(209,100,27)
```
#da6312
```
#da6312 rgb(218,99,18)
```
#e36109
```
#e36109 rgb(227,97,9)
```
#ec5f00
```
#ec5f00 rgb(236,95,0)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#947865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39119 Protanopia 1% of men
#b58a00 Deuteranopia 1% of men
#ef6066 Tritanopia 0.001% of the population

Trichromacy

#bd7f10 Protanomaly 1% of men, 0.01% of women
#c97a00 Deuteranomaly 6% of men, 0.4% of women
#ee6040 Tritanomaly 0.01% of the population

#ec5f00 hex color

#ec5f00 Color Information

#ec5f00 Color Conversion

Color Schemes with #ec5f00

Alternatives to #ec5f00

#ec5f00 Preview

Shades and Tints of #ec5f00

Tones of #ec5f00

Color Blindness Simulator