#ec5312 hex color

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

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

● #ec5312 color description : Vivid orange.

The hexadecimal color #ec5312 has RGB values of R:236, G:83, B:18 and CMYK values of C:0, M:0.65, Y:0.92, K:0.07. Its decimal value is 15487762.

Hex triplet	ec5312	`#ec5312`
RGB Decimal	236, 83, 18	`rgb(236,83,18)`
RGB Percent	92.5, 32.5, 7.1	`rgb(92.5%,32.5%,7.1%)`
CMYK	0, 65, 92, 7
HSL	17.9°, 85.8, 49.8	`hsl(17.9,85.8%,49.8%)`
HSV (or HSB)	17.9°, 92.4, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	56.155, 56.669, 62.509
XYZ	37.796, 24.067, 3.228
xyY	0.581, 0.37, 24.067
CIE-LCH	56.155, 84.373, 47.805
CIE-LUV	56.155, 125.759, 45.207
Hunter-Lab	49.059, 51.67, 30.44
Binary	11101100, 01010011, 00010010

#ec5312
```
#ec5312 rgb(236,83,18)
```
#12abec
```
#12abec rgb(18,171,236)
```

Complementary Color

#ec123e
```
#ec123e rgb(236,18,62)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#ecc012
```
#ecc012 rgb(236,192,18)
```

Analogous Color

#123eec
```
#123eec rgb(18,62,236)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#12ecc0
```
#12ecc0 rgb(18,236,192)
```

Split Complementary Color

#5312ec
```
#5312ec rgb(83,18,236)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#12ec53
```
#12ec53 rgb(18,236,83)
```

Triadic Color

#ec12ab
```
#ec12ab rgb(236,18,171)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#12ec53
```
#12ec53 rgb(18,236,83)
```
#12abec
```
#12abec rgb(18,171,236)
```

Tetradic Color

#a53a0d
```
#a53a0d rgb(165,58,13)
```
#bd420e
```
#bd420e rgb(189,66,14)
```
#d44b10
```
#d44b10 rgb(212,75,16)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#ef6429
```
#ef6429 rgb(239,100,41)
```
#f07541
```
#f07541 rgb(240,117,65)
```
#f28658
```
#f28658 rgb(242,134,88)
```

Monochromatic Color

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

#ec1d12
```
#ec1d12 rgb(236,29,18)
```
#ec2f12
```
#ec2f12 rgb(236,47,18)
```
#ec4112
```
#ec4112 rgb(236,65,18)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#ec6512
```
#ec6512 rgb(236,101,18)
```
#ec7712
```
#ec7712 rgb(236,119,18)
```
#ec8a12
```
#ec8a12 rgb(236,138,18)
```

Similar Colors

Text with hexadecimal color #ec5312

This text has a font color of #ec5312.

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

#ec5312 background color

This paragraph has a background color of #ec5312.

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

#ec5312 border color

This element has a border color of #ec5312.

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

CSS codes

.text {color:#ec5312;}

.background {background-color:#ec5312;}

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

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)
```
#240c03
```
#240c03 rgb(36,12,3)
```
#361304
```
#361304 rgb(54,19,4)
```
#481905
```
#481905 rgb(72,25,5)
```
#5a2007
```
#5a2007 rgb(90,32,7)
```
#6c2608
```
#6c2608 rgb(108,38,8)
```
#7f2d0a
```
#7f2d0a rgb(127,45,10)
```
#91330b
```
#91330b rgb(145,51,11)
```
#a3390c
```
#a3390c rgb(163,57,12)
```
#b5400e
```
#b5400e rgb(181,64,14)
```
#c8460f
```
#c8460f rgb(200,70,15)
```
#da4d11
```
#da4d11 rgb(218,77,17)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```

Shade Color Variation

#ee6023
```
#ee6023 rgb(238,96,35)
```
#f06d36
```
#f06d36 rgb(240,109,54)
```
#f17a48
```
#f17a48 rgb(241,122,72)
```
#f2875a
```
#f2875a rgb(242,135,90)
```
#f4956c
```
#f4956c rgb(244,149,108)
```
#f5a27e
```
#f5a27e rgb(245,162,126)
```
#f7af91
```
#f7af91 rgb(247,175,145)
```
#f8bca3
```
#f8bca3 rgb(248,188,163)
```
#f9cab5
```
#f9cab5 rgb(249,202,181)
```
#fbd7c7
```
#fbd7c7 rgb(251,215,199)
```
#fce4da
```
#fce4da rgb(252,228,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 #f64f08 is the most saturated one.

#817e7d
```
#817e7d rgb(129,126,125)
```
#8a7a74
```
#8a7a74 rgb(138,122,116)
```
#94766a
```
#94766a rgb(148,118,106)
```
#9e7360
```
#9e7360 rgb(158,115,96)
```
#a86f56
```
#a86f56 rgb(168,111,86)
```
#b16b4d
```
#b16b4d rgb(177,107,77)
```
#bb6743
```
#bb6743 rgb(187,103,67)
```
#c56339
```
#c56339 rgb(197,99,57)
```
#cf5f2f
```
#cf5f2f rgb(207,95,47)
```
#d85b26
```
#d85b26 rgb(216,91,38)
```
#e2571c
```
#e2571c rgb(226,87,28)
```
#ec5312
```
#ec5312 rgb(236,83,18)
```
#f64f08
```
#f64f08 rgb(246,79,8)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#907164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2a Protanopia 1% of men
#b08600 Deuteranopia 1% of men
#ee565a Tritanopia 0.001% of the population

Trichromacy

#b97721 Protanomaly 1% of men, 0.01% of women
#c57306 Deuteranomaly 6% of men, 0.4% of women
#ed5540 Tritanomaly 0.01% of the population

#ec5312 hex color

#ec5312 Color Information

#ec5312 Color Conversion

Color Schemes with #ec5312

Alternatives to #ec5312

#ec5312 Preview

Shades and Tints of #ec5312

Tones of #ec5312

Color Blindness Simulator