#ec4c12 hex color

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

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

● #ec4c12 color description : Vivid orange.

The hexadecimal color #ec4c12 has RGB values of R:236, G:76, B:18 and CMYK values of C:0, M:0.68, Y:0.92, K:0.07. Its decimal value is 15485970.

Hex triplet	ec4c12	`#ec4c12`
RGB Decimal	236, 76, 18	`rgb(236,76,18)`
RGB Percent	92.5, 29.8, 7.1	`rgb(92.5%,29.8%,7.1%)`
CMYK	0, 68, 92, 7
HSL	16°, 85.8, 49.8	`hsl(16,85.8%,49.8%)`
HSV (or HSB)	16°, 92.4, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.124, 59.459, 61.834
XYZ	37.288, 23.05, 3.058
xyY	0.588, 0.364, 23.05
CIE-LCH	55.124, 85.783, 46.122
CIE-LUV	55.124, 130.74, 43.417
Hunter-Lab	48.01, 54.616, 29.831
Binary	11101100, 01001100, 00010010

#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#12b2ec
```
#12b2ec rgb(18,178,236)
```

Complementary Color

#ec1245
```
#ec1245 rgb(236,18,69)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#ecb912
```
#ecb912 rgb(236,185,18)
```

Analogous Color

#1245ec
```
#1245ec rgb(18,69,236)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#12ecb9
```
#12ecb9 rgb(18,236,185)
```

Split Complementary Color

#4c12ec
```
#4c12ec rgb(76,18,236)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#12ec4c
```
#12ec4c rgb(18,236,76)
```

Triadic Color

#ec12b2
```
#ec12b2 rgb(236,18,178)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#12ec4c
```
#12ec4c rgb(18,236,76)
```
#12b2ec
```
#12b2ec rgb(18,178,236)
```

Tetradic Color

#a5350d
```
#a5350d rgb(165,53,13)
```
#bd3d0e
```
#bd3d0e rgb(189,61,14)
```
#d44410
```
#d44410 rgb(212,68,16)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#ef5d29
```
#ef5d29 rgb(239,93,41)
```
#f06f41
```
#f06f41 rgb(240,111,65)
```
#f28158
```
#f28158 rgb(242,129,88)
```

Monochromatic Color

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

#ec1612
```
#ec1612 rgb(236,22,18)
```
#ec2812
```
#ec2812 rgb(236,40,18)
```
#ec3a12
```
#ec3a12 rgb(236,58,18)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#ec5e12
```
#ec5e12 rgb(236,94,18)
```
#ec7012
```
#ec7012 rgb(236,112,18)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```

Similar Colors

Text with hexadecimal color #ec4c12

This text has a font color of #ec4c12.

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

#ec4c12 background color

This paragraph has a background color of #ec4c12.

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

#ec4c12 border color

This element has a border color of #ec4c12.

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

CSS codes

.text {color:#ec4c12;}

.background {background-color:#ec4c12;}

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

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

#110601
```
#110601 rgb(17,6,1)
```
#240b03
```
#240b03 rgb(36,11,3)
```
#361104
```
#361104 rgb(54,17,4)
```
#481705
```
#481705 rgb(72,23,5)
```
#5a1d07
```
#5a1d07 rgb(90,29,7)
```
#6c2308
```
#6c2308 rgb(108,35,8)
```
#7f290a
```
#7f290a rgb(127,41,10)
```
#912f0b
```
#912f0b rgb(145,47,11)
```
#a3350c
```
#a3350c rgb(163,53,12)
```
#b53a0e
```
#b53a0e rgb(181,58,14)
```
#c8400f
```
#c8400f rgb(200,64,15)
```
#da4611
```
#da4611 rgb(218,70,17)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```

Shade Color Variation

#ee5923
```
#ee5923 rgb(238,89,35)
```
#f06736
```
#f06736 rgb(240,103,54)
```
#f17548
```
#f17548 rgb(241,117,72)
```
#f2835a
```
#f2835a rgb(242,131,90)
```
#f4906c
```
#f4906c rgb(244,144,108)
```
#f59e7e
```
#f59e7e rgb(245,158,126)
```
#f7ac91
```
#f7ac91 rgb(247,172,145)
```
#f8baa3
```
#f8baa3 rgb(248,186,163)
```
#f9c7b5
```
#f9c7b5 rgb(249,199,181)
```
#fbd5c7
```
#fbd5c7 rgb(251,213,199)
```
#fce3da
```
#fce3da rgb(252,227,218)
```
#fef1ec
```
#fef1ec rgb(254,241,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#817e7d
```
#817e7d rgb(129,126,125)
```
#8a7a74
```
#8a7a74 rgb(138,122,116)
```
#94756a
```
#94756a rgb(148,117,106)
```
#9e7160
```
#9e7160 rgb(158,113,96)
```
#a86c56
```
#a86c56 rgb(168,108,86)
```
#b1674d
```
#b1674d rgb(177,103,77)
```
#bb6343
```
#bb6343 rgb(187,99,67)
```
#c55e39
```
#c55e39 rgb(197,94,57)
```
#cf5a2f
```
#cf5a2f rgb(207,90,47)
```
#d85526
```
#d85526 rgb(216,85,38)
```
#e2511c
```
#e2511c rgb(226,81,28)
```
#ec4c12
```
#ec4c12 rgb(236,76,18)
```
#f64708
```
#f64708 rgb(246,71,8)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8d6d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a2b Protanopia 1% of men
#ad8300 Deuteranopia 1% of men
#ee5054 Tritanopia 0.001% of the population

Trichromacy

#b87322 Protanomaly 1% of men, 0.01% of women
#c36f06 Deuteranomaly 6% of men, 0.4% of women
#ed4e3c Tritanomaly 0.01% of the population

#ec4c12 hex color

#ec4c12 Color Information

#ec4c12 Color Conversion

Color Schemes with #ec4c12

Alternatives to #ec4c12

#ec4c12 Preview

Shades and Tints of #ec4c12

Tones of #ec4c12

Color Blindness Simulator