#ec870c hex color

In a RGB color space, hex #ec870c is composed of 92.5% red, 52.9% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.8% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 32.9 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec870c color hex could be obtained by blending #ffff18 with #d90f00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 93
- G 53
- B 5
RGB color chart
- C 0
- M 43
- Y 95
- K 7
CMYK color chart

● #ec870c color description : Vivid orange.

The hexadecimal color #ec870c has RGB values of R:236, G:135, B:12 and CMYK values of C:0, M:0.43, Y:0.95, K:0.07. Its decimal value is 15501068.

Hex triplet	ec870c	`#ec870c`
RGB Decimal	236, 135, 12	`rgb(236,135,12)`
RGB Percent	92.5, 52.9, 4.7	`rgb(92.5%,52.9%,4.7%)`
CMYK	0, 43, 95, 7
HSL	32.9°, 90.3, 48.6	`hsl(32.9,90.3%,48.6%)`
HSV (or HSB)	32.9°, 94.9, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.897, 31.793, 70.262
XYZ	43.324, 35.191, 4.859
xyY	0.52, 0.422, 35.191
CIE-LCH	65.897, 77.121, 65.654
CIE-LUV	65.897, 83.957, 61.985
Hunter-Lab	59.322, 26.548, 36.669
Binary	11101100, 10000111, 00001100

#ec870c
```
#ec870c rgb(236,135,12)
```
#0c71ec
```
#0c71ec rgb(12,113,236)
```

Complementary Color

#ec170c
```
#ec170c rgb(236,23,12)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#e1ec0c
```
#e1ec0c rgb(225,236,12)
```

Analogous Color

#170cec
```
#170cec rgb(23,12,236)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#0ce1ec
```
#0ce1ec rgb(12,225,236)
```

Split Complementary Color

#870cec
```
#870cec rgb(135,12,236)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#0cec87
```
#0cec87 rgb(12,236,135)
```

Triadic Color

#ec0c71
```
#ec0c71 rgb(236,12,113)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#0cec87
```
#0cec87 rgb(12,236,135)
```
#0c71ec
```
#0c71ec rgb(12,113,236)
```

Tetradic Color

#a35d08
```
#a35d08 rgb(163,93,8)
```
#bb6b0a
```
#bb6b0a rgb(187,107,10)
```
#d4790b
```
#d4790b rgb(212,121,11)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#f4931e
```
#f4931e rgb(244,147,30)
```
#f59f36
```
#f59f36 rgb(245,159,54)
```
#f6aa4e
```
#f6aa4e rgb(246,170,78)
```

Monochromatic Color

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

#ec4f0c
```
#ec4f0c rgb(236,79,12)
```
#ec620c
```
#ec620c rgb(236,98,12)
```
#ec740c
```
#ec740c rgb(236,116,12)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#ec9a0c
```
#ec9a0c rgb(236,154,12)
```
#ecac0c
```
#ecac0c rgb(236,172,12)
```
#ecbf0c
```
#ecbf0c rgb(236,191,12)
```

Similar Colors

Text with hexadecimal color #ec870c

This text has a font color of #ec870c.

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

#ec870c background color

This paragraph has a background color of #ec870c.

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

#ec870c border color

This element has a border color of #ec870c.

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

CSS codes

.text {color:#ec870c;}

.background {background-color:#ec870c;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1f1202
```
#1f1202 rgb(31,18,2)
```
#311c03
```
#311c03 rgb(49,28,3)
```
#442703
```
#442703 rgb(68,39,3)
```
#573204
```
#573204 rgb(87,50,4)
```
#693c05
```
#693c05 rgb(105,60,5)
```
#7c4706
```
#7c4706 rgb(124,71,6)
```
#8f5207
```
#8f5207 rgb(143,82,7)
```
#a15c08
```
#a15c08 rgb(161,92,8)
```
#b46709
```
#b46709 rgb(180,103,9)
```
#c7720a
```
#c7720a rgb(199,114,10)
```
#d97c0b
```
#d97c0b rgb(217,124,11)
```
#ec870c
```
#ec870c rgb(236,135,12)
```

Shade Color Variation

#f39118
```
#f39118 rgb(243,145,24)
```
#f4992b
```
#f4992b rgb(244,153,43)
```
#f5a23e
```
#f5a23e rgb(245,162,62)
```
#f6ab50
```
#f6ab50 rgb(246,171,80)
```
#f7b463
```
#f7b463 rgb(247,180,99)
```
#f8bd76
```
#f8bd76 rgb(248,189,118)
```
#f9c688
```
#f9c688 rgb(249,198,136)
```
#facf9b
```
#facf9b rgb(250,207,155)
```
#fbd8ae
```
#fbd8ae rgb(251,216,174)
```
#fce1c0
```
#fce1c0 rgb(252,225,192)
```
#fdead3
```
#fdead3 rgb(253,234,211)
```
#fef3e6
```
#fef3e6 rgb(254,243,230)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#837d75
```
#837d75 rgb(131,125,117)
```
#8d7e6b
```
#8d7e6b rgb(141,126,107)
```
#967f62
```
#967f62 rgb(150,127,98)
```
#a08058
```
#a08058 rgb(160,128,88)
```
#a9804f
```
#a9804f rgb(169,128,79)
```
#b38145
```
#b38145 rgb(179,129,69)
```
#bc823c
```
#bc823c rgb(188,130,60)
```
#c68332
```
#c68332 rgb(198,131,50)
```
#cf8429
```
#cf8429 rgb(207,132,41)
```
#d9851f
```
#d9851f rgb(217,133,31)
```
#e28616
```
#e28616 rgb(226,134,22)
```
#ec870c
```
#ec870c rgb(236,135,12)
```
#f68802
```
#f68802 rgb(246,136,2)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a8947b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a520 Protanopia 1% of men
#ce9d00 Deuteranopia 1% of men
#f1848c Tritanopia 0.001% of the population

Trichromacy

#cb9a18 Protanomaly 1% of men, 0.01% of women
#d99504 Deuteranomaly 6% of men, 0.4% of women
#ef855d Tritanomaly 0.01% of the population

#ec870c hex color

#ec870c Color Information

#ec870c Color Conversion

Color Schemes with #ec870c

Alternatives to #ec870c

#ec870c Preview

Shades and Tints of #ec870c

Tones of #ec870c

Color Blindness Simulator