#ec6212 hex color

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

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

● #ec6212 color description : Vivid orange.

The hexadecimal color #ec6212 has RGB values of R:236, G:98, B:18 and CMYK values of C:0, M:0.58, Y:0.92, K:0.07. Its decimal value is 15491602.

Hex triplet	ec6212	`#ec6212`
RGB Decimal	236, 98, 18	`rgb(236,98,18)`
RGB Percent	92.5, 38.4, 7.1	`rgb(92.5%,38.4%,7.1%)`
CMYK	0, 58, 92, 7
HSL	22°, 85.8, 49.8	`hsl(22,85.8%,49.8%)`
HSV (or HSB)	22°, 92.4, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.617, 50.144, 64.15
XYZ	39.071, 26.616, 3.652
xyY	0.563, 0.384, 26.616
CIE-LCH	58.617, 81.422, 51.986
CIE-LUV	58.617, 114.319, 49.419
Hunter-Lab	51.591, 44.898, 31.916
Binary	11101100, 01100010, 00010010

#ec6212
```
#ec6212 rgb(236,98,18)
```
#129cec
```
#129cec rgb(18,156,236)
```

Complementary Color

#ec122f
```
#ec122f rgb(236,18,47)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#eccf12
```
#eccf12 rgb(236,207,18)
```

Analogous Color

#122fec
```
#122fec rgb(18,47,236)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#12eccf
```
#12eccf rgb(18,236,207)
```

Split Complementary Color

#6212ec
```
#6212ec rgb(98,18,236)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#12ec62
```
#12ec62 rgb(18,236,98)
```

Triadic Color

#ec129c
```
#ec129c rgb(236,18,156)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#12ec62
```
#12ec62 rgb(18,236,98)
```
#129cec
```
#129cec rgb(18,156,236)
```

Tetradic Color

#a5440d
```
#a5440d rgb(165,68,13)
```
#bd4e0e
```
#bd4e0e rgb(189,78,14)
```
#d45810
```
#d45810 rgb(212,88,16)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#ef7129
```
#ef7129 rgb(239,113,41)
```
#f08141
```
#f08141 rgb(240,129,65)
```
#f29158
```
#f29158 rgb(242,145,88)
```

Monochromatic Color

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

#ec2c12
```
#ec2c12 rgb(236,44,18)
```
#ec3e12
```
#ec3e12 rgb(236,62,18)
```
#ec5012
```
#ec5012 rgb(236,80,18)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#ec7412
```
#ec7412 rgb(236,116,18)
```
#ec8612
```
#ec8612 rgb(236,134,18)
```
#ec9912
```
#ec9912 rgb(236,153,18)
```

Similar Colors

Text with hexadecimal color #ec6212

This text has a font color of #ec6212.

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

#ec6212 background color

This paragraph has a background color of #ec6212.

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

#ec6212 border color

This element has a border color of #ec6212.

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

CSS codes

.text {color:#ec6212;}

.background {background-color:#ec6212;}

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

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

#110701
```
#110701 rgb(17,7,1)
```
#240f03
```
#240f03 rgb(36,15,3)
```
#361604
```
#361604 rgb(54,22,4)
```
#481e05
```
#481e05 rgb(72,30,5)
```
#5a2507
```
#5a2507 rgb(90,37,7)
```
#6c2d08
```
#6c2d08 rgb(108,45,8)
```
#7f350a
```
#7f350a rgb(127,53,10)
```
#913c0b
```
#913c0b rgb(145,60,11)
```
#a3440c
```
#a3440c rgb(163,68,12)
```
#b54b0e
```
#b54b0e rgb(181,75,14)
```
#c8530f
```
#c8530f rgb(200,83,15)
```
#da5a11
```
#da5a11 rgb(218,90,17)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```

Shade Color Variation

#ee6e23
```
#ee6e23 rgb(238,110,35)
```
#f07a36
```
#f07a36 rgb(240,122,54)
```
#f18648
```
#f18648 rgb(241,134,72)
```
#f2925a
```
#f2925a rgb(242,146,90)
```
#f49e6c
```
#f49e6c rgb(244,158,108)
```
#f5aa7e
```
#f5aa7e rgb(245,170,126)
```
#f7b691
```
#f7b691 rgb(247,182,145)
```
#f8c2a3
```
#f8c2a3 rgb(248,194,163)
```
#f9ceb5
```
#f9ceb5 rgb(249,206,181)
```
#fbdac7
```
#fbdac7 rgb(251,218,199)
```
#fce6da
```
#fce6da rgb(252,230,218)
```
#fef2ec
```
#fef2ec rgb(254,242,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 #f65f08 is the most saturated one.

#817f7d
```
#817f7d rgb(129,127,125)
```
#8a7c74
```
#8a7c74 rgb(138,124,116)
```
#94796a
```
#94796a rgb(148,121,106)
```
#9e7760
```
#9e7760 rgb(158,119,96)
```
#a87456
```
#a87456 rgb(168,116,86)
```
#b1724d
```
#b1724d rgb(177,114,77)
```
#bb6f43
```
#bb6f43 rgb(187,111,67)
```
#c56c39
```
#c56c39 rgb(197,108,57)
```
#cf6a2f
```
#cf6a2f rgb(207,106,47)
```
#d86726
```
#d86726 rgb(216,103,38)
```
#e2651c
```
#e2651c rgb(226,101,28)
```
#ec6212
```
#ec6212 rgb(236,98,18)
```
#f65f08
```
#f65f08 rgb(246,95,8)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#977c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49328 Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#ef6369 Tritanopia 0.001% of the population

Trichromacy

#be8120 Protanomaly 1% of men, 0.01% of women
#ca7c06 Deuteranomaly 6% of men, 0.4% of women
#ee6349 Tritanomaly 0.01% of the population

#ec6212 hex color

#ec6212 Color Information

#ec6212 Color Conversion

Color Schemes with #ec6212

Alternatives to #ec6212

#ec6212 Preview

Shades and Tints of #ec6212

Tones of #ec6212

Color Blindness Simulator