#ec7c12 hex color

In a RGB color space, hex #ec7c12 is composed of 92.5% red, 48.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 92.4% yellow and 7.5% black. It has a hue angle of 29.2 degrees, a saturation of 85.8% and a lightness of 49.8%. #ec7c12 color hex could be obtained by blending #fff824 with #d90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 49
- B 7
RGB color chart
- C 0
- M 47
- Y 92
- K 7
CMYK color chart

● #ec7c12 color description : Vivid orange.

The hexadecimal color #ec7c12 has RGB values of R:236, G:124, B:18 and CMYK values of C:0, M:0.47, Y:0.92, K:0.07. Its decimal value is 15498258.

Hex triplet	ec7c12	`#ec7c12`
RGB Decimal	236, 124, 18	`rgb(236,124,18)`
RGB Percent	92.5, 48.6, 7.1	`rgb(92.5%,48.6%,7.1%)`
CMYK	0, 47, 92, 7
HSL	29.2°, 85.8, 49.8	`hsl(29.2,85.8%,49.8%)`
HSV (or HSB)	29.2°, 92.4, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.587, 37.522, 67.567
XYZ	41.91, 32.296, 4.599
xyY	0.532, 0.41, 32.296
CIE-LCH	63.587, 77.286, 60.955
CIE-LUV	63.587, 93.017, 57.684
Hunter-Lab	56.829, 32.189, 34.982
Binary	11101100, 01111100, 00010010

#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#1282ec
```
#1282ec rgb(18,130,236)
```

Complementary Color

#ec1215
```
#ec1215 rgb(236,18,21)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#ece912
```
#ece912 rgb(236,233,18)
```

Analogous Color

#1215ec
```
#1215ec rgb(18,21,236)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#12ece9
```
#12ece9 rgb(18,236,233)
```

Split Complementary Color

#7c12ec
```
#7c12ec rgb(124,18,236)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#12ec7c
```
#12ec7c rgb(18,236,124)
```

Triadic Color

#ec1282
```
#ec1282 rgb(236,18,130)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#12ec7c
```
#12ec7c rgb(18,236,124)
```
#1282ec
```
#1282ec rgb(18,130,236)
```

Tetradic Color

#a5570d
```
#a5570d rgb(165,87,13)
```
#bd630e
```
#bd630e rgb(189,99,14)
```
#d47010
```
#d47010 rgb(212,112,16)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#ef8929
```
#ef8929 rgb(239,137,41)
```
#f09641
```
#f09641 rgb(240,150,65)
```
#f2a358
```
#f2a358 rgb(242,163,88)
```

Monochromatic Color

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

#ec4612
```
#ec4612 rgb(236,70,18)
```
#ec5812
```
#ec5812 rgb(236,88,18)
```
#ec6a12
```
#ec6a12 rgb(236,106,18)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#ec8e12
```
#ec8e12 rgb(236,142,18)
```
#eca012
```
#eca012 rgb(236,160,18)
```
#ecb312
```
#ecb312 rgb(236,179,18)
```

Similar Colors

Text with hexadecimal color #ec7c12

This text has a font color of #ec7c12.

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

#ec7c12 background color

This paragraph has a background color of #ec7c12.

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

#ec7c12 border color

This element has a border color of #ec7c12.

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

CSS codes

.text {color:#ec7c12;}

.background {background-color:#ec7c12;}

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

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, #110901 is the darkest color, while #fffefe is the lightest one.

#110901
```
#110901 rgb(17,9,1)
```
#241303
```
#241303 rgb(36,19,3)
```
#361c04
```
#361c04 rgb(54,28,4)
```
#482605
```
#482605 rgb(72,38,5)
```
#5a2f07
```
#5a2f07 rgb(90,47,7)
```
#6c3908
```
#6c3908 rgb(108,57,8)
```
#7f430a
```
#7f430a rgb(127,67,10)
```
#914c0b
```
#914c0b rgb(145,76,11)
```
#a3560c
```
#a3560c rgb(163,86,12)
```
#b55f0e
```
#b55f0e rgb(181,95,14)
```
#c8690f
```
#c8690f rgb(200,105,15)
```
#da7211
```
#da7211 rgb(218,114,17)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```

Shade Color Variation

#ee8623
```
#ee8623 rgb(238,134,35)
```
#f09036
```
#f09036 rgb(240,144,54)
```
#f19a48
```
#f19a48 rgb(241,154,72)
```
#f2a45a
```
#f2a45a rgb(242,164,90)
```
#f4ae6c
```
#f4ae6c rgb(244,174,108)
```
#f5b87e
```
#f5b87e rgb(245,184,126)
```
#f7c291
```
#f7c291 rgb(247,194,145)
```
#f8cca3
```
#f8cca3 rgb(248,204,163)
```
#f9d6b5
```
#f9d6b5 rgb(249,214,181)
```
#fbe0c7
```
#fbe0c7 rgb(251,224,199)
```
#fceada
```
#fceada rgb(252,234,218)
```
#fef4ec
```
#fef4ec rgb(254,244,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#817f7d
```
#817f7d rgb(129,127,125)
```
#8a7f74
```
#8a7f74 rgb(138,127,116)
```
#947e6a
```
#947e6a rgb(148,126,106)
```
#9e7e60
```
#9e7e60 rgb(158,126,96)
```
#a87e56
```
#a87e56 rgb(168,126,86)
```
#b17e4d
```
#b17e4d rgb(177,126,77)
```
#bb7d43
```
#bb7d43 rgb(187,125,67)
```
#c57d39
```
#c57d39 rgb(197,125,57)
```
#cf7d2f
```
#cf7d2f rgb(207,125,47)
```
#d87d26
```
#d87d26 rgb(216,125,38)
```
#e27c1c
```
#e27c1c rgb(226,124,28)
```
#ec7c12
```
#ec7c12 rgb(236,124,18)
```
#f67c08
```
#f67c08 rgb(246,124,8)
```

Tone Color Variation

Below, you can see how #ec7c12 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
#a38d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#c7921e Protanomaly 1% of men, 0.01% of women
#d48d06 Deuteranomaly 6% of men, 0.4% of women
#ef7b59 Tritanomaly 0.01% of the population

#ec7c12 hex color

#ec7c12 Color Information

#ec7c12 Color Conversion

Color Schemes with #ec7c12

Alternatives to #ec7c12

#ec7c12 Preview

Shades and Tints of #ec7c12

Tones of #ec7c12

Color Blindness Simulator