colorhexa.com

#ec6f0f hex color

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

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

● #ec6f0f color description : Vivid orange.

The hexadecimal color #ec6f0f has RGB values of R:236, G:111, B:15 and CMYK values of C:0, M:0.53, Y:0.94, K:0.07. Its decimal value is 15494927.

Hex triplet	ec6f0f	`#ec6f0f`
RGB Decimal	236, 111, 15	`rgb(236,111,15)`
RGB Percent	92.5, 43.5, 5.9	`rgb(92.5%,43.5%,5.9%)`
CMYK	0, 53, 94, 7
HSL	26.1°, 88, 49.2	`hsl(26.1,88%,49.2%)`
HSV (or HSB)	26.1°, 93.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.993, 43.962, 66.426
XYZ	40.364, 29.24, 3.97
xyY	0.549, 0.397, 29.24
CIE-LCH	60.993, 79.656, 56.502
CIE-LUV	60.993, 103.931, 53.734
Hunter-Lab	54.074, 38.614, 33.499
Binary	11101100, 01101111, 00001111

#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#0f8cec
```
#0f8cec rgb(15,140,236)
```

Complementary Color

#ec0f1d
```
#ec0f1d rgb(236,15,29)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#ecde0f
```
#ecde0f rgb(236,222,15)
```

Analogous Color

#0f1dec
```
#0f1dec rgb(15,29,236)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#0fecde
```
#0fecde rgb(15,236,222)
```

Split Complementary Color

#6f0fec
```
#6f0fec rgb(111,15,236)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#0fec6f
```
#0fec6f rgb(15,236,111)
```

Triadic Color

#ec0f8c
```
#ec0f8c rgb(236,15,140)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#0fec6f
```
#0fec6f rgb(15,236,111)
```
#0f8cec
```
#0f8cec rgb(15,140,236)
```

Tetradic Color

#a44d0a
```
#a44d0a rgb(164,77,10)
```
#bc580c
```
#bc580c rgb(188,88,12)
```
#d4640d
```
#d4640d rgb(212,100,13)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#f17d23
```
#f17d23 rgb(241,125,35)
```
#f38b3b
```
#f38b3b rgb(243,139,59)
```
#f49953
```
#f49953 rgb(244,153,83)
```

Monochromatic Color

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

#ec380f
```
#ec380f rgb(236,56,15)
```
#ec4a0f
```
#ec4a0f rgb(236,74,15)
```
#ec5d0f
```
#ec5d0f rgb(236,93,15)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#ec810f
```
#ec810f rgb(236,129,15)
```
#ec940f
```
#ec940f rgb(236,148,15)
```
#eca60f
```
#eca60f rgb(236,166,15)
```

Similar Colors

Text with hexadecimal color #ec6f0f

This text has a font color of #ec6f0f.

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

#ec6f0f background color

This paragraph has a background color of #ec6f0f.

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

#ec6f0f border color

This element has a border color of #ec6f0f.

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

CSS codes

.text {color:#ec6f0f;}

.background {background-color:#ec6f0f;}

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

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)
```
#211002
```
#211002 rgb(33,16,2)
```
#341803
```
#341803 rgb(52,24,3)
```
#462104
```
#462104 rgb(70,33,4)
```
#582a06
```
#582a06 rgb(88,42,6)
```
#6b3207
```
#6b3207 rgb(107,50,7)
```
#7d3b08
```
#7d3b08 rgb(125,59,8)
```
#904409
```
#904409 rgb(144,68,9)
```
#a24c0a
```
#a24c0a rgb(162,76,10)
```
#b5550b
```
#b5550b rgb(181,85,11)
```
#c75e0d
```
#c75e0d rgb(199,94,13)
```
#da660e
```
#da660e rgb(218,102,14)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```

Shade Color Variation

#f1791e
```
#f1791e rgb(241,121,30)
```
#f28430
```
#f28430 rgb(242,132,48)
```
#f38f43
```
#f38f43 rgb(243,143,67)
```
#f49a55
```
#f49a55 rgb(244,154,85)
```
#f5a568
```
#f5a568 rgb(245,165,104)
```
#f7b07a
```
#f7b07a rgb(247,176,122)
```
#f8bb8d
```
#f8bb8d rgb(248,187,141)
```
#f9c69f
```
#f9c69f rgb(249,198,159)
```
#fad1b1
```
#fad1b1 rgb(250,209,177)
```
#fbdcc4
```
#fbdcc4 rgb(251,220,196)
```
#fce7d6
```
#fce7d6 rgb(252,231,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 #f66e05 is the most saturated one.

#827d79
```
#827d79 rgb(130,125,121)
```
#8b7c70
```
#8b7c70 rgb(139,124,112)
```
#957a66
```
#957a66 rgb(149,122,102)
```
#9f795c
```
#9f795c rgb(159,121,92)
```
#a87853
```
#a87853 rgb(168,120,83)
```
#b27749
```
#b27749 rgb(178,119,73)
```
#bc753f
```
#bc753f rgb(188,117,63)
```
#c57436
```
#c57436 rgb(197,116,54)
```
#cf732c
```
#cf732c rgb(207,115,44)
```
#d97222
```
#d97222 rgb(217,114,34)
```
#e27019
```
#e27019 rgb(226,112,25)
```
#ec6f0f
```
#ec6f0f rgb(236,111,15)
```
#f66e05
```
#f66e05 rgb(246,110,5)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9d8471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#bf9100 Deuteranopia 1% of men
#f06e75 Tritanopia 0.001% of the population

Trichromacy

#c2891d Protanomaly 1% of men, 0.01% of women
#cf8405 Deuteranomaly 6% of men, 0.4% of women
#ee6e50 Tritanomaly 0.01% of the population