#ec5a0f hex color

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

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

● #ec5a0f color description : Vivid orange.

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

Hex triplet	ec5a0f	`#ec5a0f`
RGB Decimal	236, 90, 15	`rgb(236,90,15)`
RGB Percent	92.5, 35.3, 5.9	`rgb(92.5%,35.3%,5.9%)`
CMYK	0, 62, 94, 7
HSL	20.4°, 88, 49.2	`hsl(20.4,88%,49.2%)`
HSV (or HSB)	20.4°, 93.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.254, 53.675, 63.98
XYZ	38.336, 25.184, 3.294
xyY	0.574, 0.377, 25.184
CIE-LCH	57.254, 83.513, 50.006
CIE-LUV	57.254, 120.684, 47.446
Hunter-Lab	50.184, 48.538, 31.236
Binary	11101100, 01011010, 00001111

#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#0fa1ec
```
#0fa1ec rgb(15,161,236)
```

Complementary Color

#ec0f32
```
#ec0f32 rgb(236,15,50)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#ecc90f
```
#ecc90f rgb(236,201,15)
```

Analogous Color

#0f32ec
```
#0f32ec rgb(15,50,236)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#0fecc9
```
#0fecc9 rgb(15,236,201)
```

Split Complementary Color

#5a0fec
```
#5a0fec rgb(90,15,236)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#0fec5a
```
#0fec5a rgb(15,236,90)
```

Triadic Color

#ec0fa1
```
#ec0fa1 rgb(236,15,161)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#0fec5a
```
#0fec5a rgb(15,236,90)
```
#0fa1ec
```
#0fa1ec rgb(15,161,236)
```

Tetradic Color

#a43f0a
```
#a43f0a rgb(164,63,10)
```
#bc480c
```
#bc480c rgb(188,72,12)
```
#d4510d
```
#d4510d rgb(212,81,13)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#f16923
```
#f16923 rgb(241,105,35)
```
#f37a3b
```
#f37a3b rgb(243,122,59)
```
#f48a53
```
#f48a53 rgb(244,138,83)
```

Monochromatic Color

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

#ec230f
```
#ec230f rgb(236,35,15)
```
#ec350f
```
#ec350f rgb(236,53,15)
```
#ec480f
```
#ec480f rgb(236,72,15)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#ec7f0f
```
#ec7f0f rgb(236,127,15)
```
#ec910f
```
#ec910f rgb(236,145,15)
```

Similar Colors

Text with hexadecimal color #ec5a0f

This text has a font color of #ec5a0f.

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

#ec5a0f background color

This paragraph has a background color of #ec5a0f.

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

#ec5a0f border color

This element has a border color of #ec5a0f.

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

CSS codes

.text {color:#ec5a0f;}

.background {background-color:#ec5a0f;}

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

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

#0f0601
```
#0f0601 rgb(15,6,1)
```
#210d02
```
#210d02 rgb(33,13,2)
```
#341403
```
#341403 rgb(52,20,3)
```
#461b04
```
#461b04 rgb(70,27,4)
```
#582206
```
#582206 rgb(88,34,6)
```
#6b2907
```
#6b2907 rgb(107,41,7)
```
#7d3008
```
#7d3008 rgb(125,48,8)
```
#903709
```
#903709 rgb(144,55,9)
```
#a23e0a
```
#a23e0a rgb(162,62,10)
```
#b5450b
```
#b5450b rgb(181,69,11)
```
#c74c0d
```
#c74c0d rgb(199,76,13)
```
#da530e
```
#da530e rgb(218,83,14)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```

Shade Color Variation

#f1651e
```
#f1651e rgb(241,101,30)
```
#f27230
```
#f27230 rgb(242,114,48)
```
#f37f43
```
#f37f43 rgb(243,127,67)
```
#f48b55
```
#f48b55 rgb(244,139,85)
```
#f59868
```
#f59868 rgb(245,152,104)
```
#f7a47a
```
#f7a47a rgb(247,164,122)
```
#f8b18d
```
#f8b18d rgb(248,177,141)
```
#f9be9f
```
#f9be9f rgb(249,190,159)
```
#facab1
```
#facab1 rgb(250,202,177)
```
#fbd7c4
```
#fbd7c4 rgb(251,215,196)
```
#fce3d6
```
#fce3d6 rgb(252,227,214)
```
#fef0e9
```
#fef0e9 rgb(254,240,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#827c79
```
#827c79 rgb(130,124,121)
```
#8b7970
```
#8b7970 rgb(139,121,112)
```
#957666
```
#957666 rgb(149,118,102)
```
#9f735c
```
#9f735c rgb(159,115,92)
```
#a87053
```
#a87053 rgb(168,112,83)
```
#b26d49
```
#b26d49 rgb(178,109,73)
```
#bc6a3f
```
#bc6a3f rgb(188,106,63)
```
#c56636
```
#c56636 rgb(197,102,54)
```
#cf632c
```
#cf632c rgb(207,99,44)
```
#d96022
```
#d96022 rgb(217,96,34)
```
#e25d19
```
#e25d19 rgb(226,93,25)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#f65705
```
#f65705 rgb(246,87,5)
```

Tone Color Variation

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

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

Trichromacy

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

#ec5a0f hex color

#ec5a0f Color Information

#ec5a0f Color Conversion

Color Schemes with #ec5a0f

Alternatives to #ec5a0f

#ec5a0f Preview

Shades and Tints of #ec5a0f

Tones of #ec5a0f

Color Blindness Simulator