#ec8312 hex color

In a RGB color space, hex #ec8312 is composed of 92.5% red, 51.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.5% magenta, 92.4% yellow and 7.5% black. It has a hue angle of 31.1 degrees, a saturation of 85.8% and a lightness of 49.8%. #ec8312 color hex could be obtained by blending #ffff24 with #d90700. Closest websafe color is: #ff9900.

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

● #ec8312 color description : Vivid orange.

The hexadecimal color #ec8312 has RGB values of R:236, G:131, B:18 and CMYK values of C:0, M:0.44, Y:0.92, K:0.07. Its decimal value is 15500050.

Hex triplet	ec8312	`#ec8312`
RGB Decimal	236, 131, 18	`rgb(236,131,18)`
RGB Percent	92.5, 51.4, 7.1	`rgb(92.5%,51.4%,7.1%)`
CMYK	0, 44, 92, 7
HSL	31.1°, 85.8, 49.8	`hsl(31.1,85.8%,49.8%)`
HSV (or HSB)	31.1°, 92.4, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.052, 33.935, 68.597
XYZ	42.819, 34.113, 4.902
xyY	0.523, 0.417, 34.113
CIE-LCH	65.052, 76.532, 63.678
CIE-LUV	65.052, 87.154, 60.067
Hunter-Lab	58.406, 28.652, 35.908
Binary	11101100, 10000011, 00010010

#ec8312
```
#ec8312 rgb(236,131,18)
```
#127bec
```
#127bec rgb(18,123,236)
```

Complementary Color

#ec1612
```
#ec1612 rgb(236,22,18)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#e8ec12
```
#e8ec12 rgb(232,236,18)
```

Analogous Color

#1612ec
```
#1612ec rgb(22,18,236)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#12e8ec
```
#12e8ec rgb(18,232,236)
```

Split Complementary Color

#8312ec
```
#8312ec rgb(131,18,236)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#12ec83
```
#12ec83 rgb(18,236,131)
```

Triadic Color

#ec127b
```
#ec127b rgb(236,18,123)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#12ec83
```
#12ec83 rgb(18,236,131)
```
#127bec
```
#127bec rgb(18,123,236)
```

Tetradic Color

#a55c0d
```
#a55c0d rgb(165,92,13)
```
#bd690e
```
#bd690e rgb(189,105,14)
```
#d47610
```
#d47610 rgb(212,118,16)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#ef8f29
```
#ef8f29 rgb(239,143,41)
```
#f09c41
```
#f09c41 rgb(240,156,65)
```
#f2a858
```
#f2a858 rgb(242,168,88)
```

Monochromatic Color

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

#ec4d12
```
#ec4d12 rgb(236,77,18)
```
#ec5f12
```
#ec5f12 rgb(236,95,18)
```
#ec7112
```
#ec7112 rgb(236,113,18)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#ec9512
```
#ec9512 rgb(236,149,18)
```
#eca712
```
#eca712 rgb(236,167,18)
```
#ecba12
```
#ecba12 rgb(236,186,18)
```

Similar Colors

Text with hexadecimal color #ec8312

This text has a font color of #ec8312.

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

#ec8312 background color

This paragraph has a background color of #ec8312.

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

#ec8312 border color

This element has a border color of #ec8312.

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

CSS codes

.text {color:#ec8312;}

.background {background-color:#ec8312;}

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

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, #110a01 is the darkest color, while #fffffe is the lightest one.

#110a01
```
#110a01 rgb(17,10,1)
```
#241403
```
#241403 rgb(36,20,3)
```
#361e04
```
#361e04 rgb(54,30,4)
```
#482805
```
#482805 rgb(72,40,5)
```
#5a3207
```
#5a3207 rgb(90,50,7)
```
#6c3c08
```
#6c3c08 rgb(108,60,8)
```
#7f460a
```
#7f460a rgb(127,70,10)
```
#91500b
```
#91500b rgb(145,80,11)
```
#a35b0c
```
#a35b0c rgb(163,91,12)
```
#b5650e
```
#b5650e rgb(181,101,14)
```
#c86f0f
```
#c86f0f rgb(200,111,15)
```
#da7911
```
#da7911 rgb(218,121,17)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```

Shade Color Variation

#ee8d23
```
#ee8d23 rgb(238,141,35)
```
#f09636
```
#f09636 rgb(240,150,54)
```
#f1a048
```
#f1a048 rgb(241,160,72)
```
#f2a95a
```
#f2a95a rgb(242,169,90)
```
#f4b36c
```
#f4b36c rgb(244,179,108)
```
#f5bc7e
```
#f5bc7e rgb(245,188,126)
```
#f7c691
```
#f7c691 rgb(247,198,145)
```
#f8cfa3
```
#f8cfa3 rgb(248,207,163)
```
#f9d9b5
```
#f9d9b5 rgb(249,217,181)
```
#fbe2c7
```
#fbe2c7 rgb(251,226,199)
```
#fcecda
```
#fcecda rgb(252,236,218)
```
#fef5ec
```
#fef5ec rgb(254,245,236)
```
#fffffe
```
#fffffe rgb(255,255,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 #f68308 is the most saturated one.

#817f7d
```
#817f7d rgb(129,127,125)
```
#8a7f74
```
#8a7f74 rgb(138,127,116)
```
#94806a
```
#94806a rgb(148,128,106)
```
#9e8060
```
#9e8060 rgb(158,128,96)
```
#a88056
```
#a88056 rgb(168,128,86)
```
#b1814d
```
#b1814d rgb(177,129,77)
```
#bb8143
```
#bb8143 rgb(187,129,67)
```
#c58239
```
#c58239 rgb(197,130,57)
```
#cf822f
```
#cf822f rgb(207,130,47)
```
#d88226
```
#d88226 rgb(216,130,38)
```
#e2831c
```
#e2831c rgb(226,131,28)
```
#ec8312
```
#ec8312 rgb(236,131,18)
```
#f68308
```
#f68308 rgb(246,131,8)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a7927c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a325 Protanopia 1% of men
#cb9b00 Deuteranopia 1% of men
#f18088 Tritanopia 0.001% of the population

Trichromacy

#c9971e Protanomaly 1% of men, 0.01% of women
#d79206 Deuteranomaly 6% of men, 0.4% of women
#ef815d Tritanomaly 0.01% of the population

#ec8312 hex color

#ec8312 Color Information

#ec8312 Color Conversion

Color Schemes with #ec8312

Alternatives to #ec8312

#ec8312 Preview

Shades and Tints of #ec8312

Tones of #ec8312

Color Blindness Simulator