colorhexa.com

#ec6c0f hex color

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

- R 93
- G 42
- B 6
RGB color chart
- C 0
- M 54
- Y 94
- K 7
CMYK color chart

● #ec6c0f color description : Vivid orange.

The hexadecimal color #ec6c0f has RGB values of R:236, G:108, B:15 and CMYK values of C:0, M:0.54, Y:0.94, K:0.07. Its decimal value is 15494159.

Hex triplet	ec6c0f	`#ec6c0f`
RGB Decimal	236, 108, 15	`rgb(236,108,15)`
RGB Percent	92.5, 42.4, 5.9	`rgb(92.5%,42.4%,5.9%)`
CMYK	0, 54, 94, 7
HSL	25.2°, 88, 49.2	`hsl(25.2,88%,49.2%)`
HSV (or HSB)	25.2°, 93.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.424, 45.414, 66.047
XYZ	40.043, 28.597, 3.863
xyY	0.552, 0.394, 28.597
CIE-LCH	60.424, 80.154, 55.488
CIE-LUV	60.424, 106.394, 52.788
Hunter-Lab	53.476, 40.078, 33.15
Binary	11101100, 01101100, 00001111

#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#0f8fec
```
#0f8fec rgb(15,143,236)
```

Complementary Color

#ec0f20
```
#ec0f20 rgb(236,15,32)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#ecdb0f
```
#ecdb0f rgb(236,219,15)
```

Analogous Color

#0f20ec
```
#0f20ec rgb(15,32,236)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#0fecdb
```
#0fecdb rgb(15,236,219)
```

Split Complementary Color

#6c0fec
```
#6c0fec rgb(108,15,236)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#0fec6c
```
#0fec6c rgb(15,236,108)
```

Triadic Color

#ec0f8f
```
#ec0f8f rgb(236,15,143)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#0fec6c
```
#0fec6c rgb(15,236,108)
```
#0f8fec
```
#0f8fec rgb(15,143,236)
```

Tetradic Color

#a44b0a
```
#a44b0a rgb(164,75,10)
```
#bc560c
```
#bc560c rgb(188,86,12)
```
#d4610d
```
#d4610d rgb(212,97,13)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#f17a23
```
#f17a23 rgb(241,122,35)
```
#f3883b
```
#f3883b rgb(243,136,59)
```
#f49753
```
#f49753 rgb(244,151,83)
```

Monochromatic Color

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

#ec350f
```
#ec350f rgb(236,53,15)
```
#ec470f
```
#ec470f rgb(236,71,15)
```
#ec5a0f
```
#ec5a0f rgb(236,90,15)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#ec7e0f
```
#ec7e0f rgb(236,126,15)
```
#ec910f
```
#ec910f rgb(236,145,15)
```
#eca30f
```
#eca30f rgb(236,163,15)
```

Similar Colors

Text with hexadecimal color #ec6c0f

This text has a font color of #ec6c0f.

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

#ec6c0f background color

This paragraph has a background color of #ec6c0f.

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

#ec6c0f border color

This element has a border color of #ec6c0f.

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

CSS codes

.text {color:#ec6c0f;}

.background {background-color:#ec6c0f;}

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

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

#0f0701
```
#0f0701 rgb(15,7,1)
```
#210f02
```
#210f02 rgb(33,15,2)
```
#341803
```
#341803 rgb(52,24,3)
```
#462004
```
#462004 rgb(70,32,4)
```
#582806
```
#582806 rgb(88,40,6)
```
#6b3107
```
#6b3107 rgb(107,49,7)
```
#7d3908
```
#7d3908 rgb(125,57,8)
```
#904209
```
#904209 rgb(144,66,9)
```
#a24a0a
```
#a24a0a rgb(162,74,10)
```
#b5530b
```
#b5530b rgb(181,83,11)
```
#c75b0d
```
#c75b0d rgb(199,91,13)
```
#da640e
```
#da640e rgb(218,100,14)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```

Shade Color Variation

#f1771e
```
#f1771e rgb(241,119,30)
```
#f28230
```
#f28230 rgb(242,130,48)
```
#f38d43
```
#f38d43 rgb(243,141,67)
```
#f49855
```
#f49855 rgb(244,152,85)
```
#f5a368
```
#f5a368 rgb(245,163,104)
```
#f7ae7a
```
#f7ae7a rgb(247,174,122)
```
#f8ba8d
```
#f8ba8d rgb(248,186,141)
```
#f9c59f
```
#f9c59f rgb(249,197,159)
```
#fad0b1
```
#fad0b1 rgb(250,208,177)
```
#fbdbc4
```
#fbdbc4 rgb(251,219,196)
```
#fce6d6
```
#fce6d6 rgb(252,230,214)
```
#fef2e9
```
#fef2e9 rgb(254,242,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#827d79
```
#827d79 rgb(130,125,121)
```
#8b7b70
```
#8b7b70 rgb(139,123,112)
```
#957a66
```
#957a66 rgb(149,122,102)
```
#9f785c
```
#9f785c rgb(159,120,92)
```
#a87753
```
#a87753 rgb(168,119,83)
```
#b27549
```
#b27549 rgb(178,117,73)
```
#bc743f
```
#bc743f rgb(188,116,63)
```
#c57236
```
#c57236 rgb(197,114,54)
```
#cf712c
```
#cf712c rgb(207,113,44)
```
#d96f22
```
#d96f22 rgb(217,111,34)
```
#e26e19
```
#e26e19 rgb(226,110,25)
```
#ec6c0f
```
#ec6c0f rgb(236,108,15)
```
#f66a05
```
#f66a05 rgb(246,106,5)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9c8270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99725 Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#ef6c72 Tritanopia 0.001% of the population

Trichromacy

#c1871d Protanomaly 1% of men, 0.01% of women
#ce8205 Deuteranomaly 6% of men, 0.4% of women
#ee6c4e Tritanomaly 0.01% of the population