colorhexa.com

#ec7c0f hex color

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

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

● #ec7c0f color description : Vivid orange.

The hexadecimal color #ec7c0f has RGB values of R:236, G:124, B:15 and CMYK values of C:0, M:0.47, Y:0.94, K:0.07. Its decimal value is 15498255.

Hex triplet	ec7c0f	`#ec7c0f`
RGB Decimal	236, 124, 15	`rgb(236,124,15)`
RGB Percent	92.5, 48.6, 5.9	`rgb(92.5%,48.6%,5.9%)`
CMYK	0, 47, 94, 7
HSL	29.6°, 88, 49.2	`hsl(29.6,88%,49.2%)`
HSV (or HSB)	29.6°, 93.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.579, 37.485, 68.17
XYZ	41.888, 32.287, 4.478
xyY	0.533, 0.41, 32.287
CIE-LCH	63.579, 77.796, 61.195
CIE-LUV	63.579, 93.114, 57.982
Hunter-Lab	56.821, 32.15, 35.102
Binary	11101100, 01111100, 00001111

#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#0f7fec
```
#0f7fec rgb(15,127,236)
```

Complementary Color

#ec0f10
```
#ec0f10 rgb(236,15,16)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#eceb0f
```
#eceb0f rgb(236,235,15)
```

Analogous Color

#0f10ec
```
#0f10ec rgb(15,16,236)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#0feceb
```
#0feceb rgb(15,236,235)
```

Split Complementary Color

#7c0fec
```
#7c0fec rgb(124,15,236)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#0fec7c
```
#0fec7c rgb(15,236,124)
```

Triadic Color

#ec0f7f
```
#ec0f7f rgb(236,15,127)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#0fec7c
```
#0fec7c rgb(15,236,124)
```
#0f7fec
```
#0f7fec rgb(15,127,236)
```

Tetradic Color

#a4560a
```
#a4560a rgb(164,86,10)
```
#bc630c
```
#bc630c rgb(188,99,12)
```
#d46f0d
```
#d46f0d rgb(212,111,13)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#f18923
```
#f18923 rgb(241,137,35)
```
#f3963b
```
#f3963b rgb(243,150,59)
```
#f4a353
```
#f4a353 rgb(244,163,83)
```

Monochromatic Color

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

#ec450f
```
#ec450f rgb(236,69,15)
```
#ec570f
```
#ec570f rgb(236,87,15)
```
#ec6a0f
```
#ec6a0f rgb(236,106,15)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#ec8e0f
```
#ec8e0f rgb(236,142,15)
```
#eca10f
```
#eca10f rgb(236,161,15)
```
#ecb30f
```
#ecb30f rgb(236,179,15)
```

Similar Colors

Text with hexadecimal color #ec7c0f

This text has a font color of #ec7c0f.

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

#ec7c0f background color

This paragraph has a background color of #ec7c0f.

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

#ec7c0f border color

This element has a border color of #ec7c0f.

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

CSS codes

.text {color:#ec7c0f;}

.background {background-color:#ec7c0f;}

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

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

#0f0801
```
#0f0801 rgb(15,8,1)
```
#211102
```
#211102 rgb(33,17,2)
```
#341b03
```
#341b03 rgb(52,27,3)
```
#462504
```
#462504 rgb(70,37,4)
```
#582e06
```
#582e06 rgb(88,46,6)
```
#6b3807
```
#6b3807 rgb(107,56,7)
```
#7d4208
```
#7d4208 rgb(125,66,8)
```
#904c09
```
#904c09 rgb(144,76,9)
```
#a2550a
```
#a2550a rgb(162,85,10)
```
#b55f0b
```
#b55f0b rgb(181,95,11)
```
#c7690d
```
#c7690d rgb(199,105,13)
```
#da720e
```
#da720e rgb(218,114,14)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```

Shade Color Variation

#f1861e
```
#f1861e rgb(241,134,30)
```
#f29030
```
#f29030 rgb(242,144,48)
```
#f39a43
```
#f39a43 rgb(243,154,67)
```
#f4a455
```
#f4a455 rgb(244,164,85)
```
#f5ae68
```
#f5ae68 rgb(245,174,104)
```
#f7b87a
```
#f7b87a rgb(247,184,122)
```
#f8c18d
```
#f8c18d rgb(248,193,141)
```
#f9cb9f
```
#f9cb9f rgb(249,203,159)
```
#fad5b1
```
#fad5b1 rgb(250,213,177)
```
#fbdfc4
```
#fbdfc4 rgb(251,223,196)
```
#fce9d6
```
#fce9d6 rgb(252,233,214)
```
#fef3e9
```
#fef3e9 rgb(254,243,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 #f67c05 is the most saturated one.

#827d79
```
#827d79 rgb(130,125,121)
```
#8b7d70
```
#8b7d70 rgb(139,125,112)
```
#957d66
```
#957d66 rgb(149,125,102)
```
#9f7d5c
```
#9f7d5c rgb(159,125,92)
```
#a87d53
```
#a87d53 rgb(168,125,83)
```
#b27d49
```
#b27d49 rgb(178,125,73)
```
#bc7d3f
```
#bc7d3f rgb(188,125,63)
```
#c57d36
```
#c57d36 rgb(197,125,54)
```
#cf7c2c
```
#cf7c2c rgb(207,124,44)
```
#d97c22
```
#d97c22 rgb(217,124,34)
```
#e27c19
```
#e27c19 rgb(226,124,25)
```
#ec7c0f
```
#ec7c0f rgb(236,124,15)
```
#f67c05
```
#f67c05 rgb(246,124,5)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a38d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b29f23 Protanopia 1% of men
#c79700 Deuteranopia 1% of men
#f07a82 Tritanopia 0.001% of the population

Trichromacy

#c7921c Protanomaly 1% of men, 0.01% of women
#d48d05 Deuteranomaly 6% of men, 0.4% of women
#ef7a58 Tritanomaly 0.01% of the population