#ec520c hex color

In a RGB color space, hex #ec520c is composed of 92.5% red, 32.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 18.8 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec520c color hex could be obtained by blending #ffa418 with #d90000. Closest websafe color is: #ff6600.

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

● #ec520c color description : Vivid orange.

The hexadecimal color #ec520c has RGB values of R:236, G:82, B:12 and CMYK values of C:0, M:0.65, Y:0.95, K:0.07. Its decimal value is 15487500.

Hex triplet	ec520c	`#ec520c`
RGB Decimal	236, 82, 12	`rgb(236,82,12)`
RGB Percent	92.5, 32.2, 4.7	`rgb(92.5%,32.2%,4.7%)`
CMYK	0, 65, 95, 7
HSL	18.8°, 90.3, 48.6	`hsl(18.8,90.3%,48.6%)`
HSV (or HSB)	18.8°, 94.9, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	55.986, 57.014, 63.864
XYZ	37.678, 23.898, 2.977
xyY	0.584, 0.37, 23.898
CIE-LCH	55.986, 85.61, 48.243
CIE-LUV	55.986, 126.791, 45.583
Hunter-Lab	48.886, 52.024, 30.61
Binary	11101100, 01010010, 00001100

#ec520c
```
#ec520c rgb(236,82,12)
```
#0ca6ec
```
#0ca6ec rgb(12,166,236)
```

Complementary Color

#ec0c36
```
#ec0c36 rgb(236,12,54)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#ecc20c
```
#ecc20c rgb(236,194,12)
```

Analogous Color

#0c36ec
```
#0c36ec rgb(12,54,236)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#0cecc2
```
#0cecc2 rgb(12,236,194)
```

Split Complementary Color

#520cec
```
#520cec rgb(82,12,236)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#0cec52
```
#0cec52 rgb(12,236,82)
```

Triadic Color

#ec0ca6
```
#ec0ca6 rgb(236,12,166)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#0cec52
```
#0cec52 rgb(12,236,82)
```
#0ca6ec
```
#0ca6ec rgb(12,166,236)
```

Tetradic Color

#a33908
```
#a33908 rgb(163,57,8)
```
#bb410a
```
#bb410a rgb(187,65,10)
```
#d44a0b
```
#d44a0b rgb(212,74,11)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#f4611e
```
#f4611e rgb(244,97,30)
```
#f57236
```
#f57236 rgb(245,114,54)
```
#f6834e
```
#f6834e rgb(246,131,78)
```

Monochromatic Color

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

#ec1a0c
```
#ec1a0c rgb(236,26,12)
```
#ec2d0c
```
#ec2d0c rgb(236,45,12)
```
#ec3f0c
```
#ec3f0c rgb(236,63,12)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#ec650c
```
#ec650c rgb(236,101,12)
```
#ec770c
```
#ec770c rgb(236,119,12)
```
#ec8a0c
```
#ec8a0c rgb(236,138,12)
```

Similar Colors

Text with hexadecimal color #ec520c

This text has a font color of #ec520c.

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

#ec520c background color

This paragraph has a background color of #ec520c.

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

#ec520c border color

This element has a border color of #ec520c.

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

CSS codes

.text {color:#ec520c;}

.background {background-color:#ec520c;}

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

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

#0c0401
```
#0c0401 rgb(12,4,1)
```
#1f0b02
```
#1f0b02 rgb(31,11,2)
```
#311103
```
#311103 rgb(49,17,3)
```
#441803
```
#441803 rgb(68,24,3)
```
#571e04
```
#571e04 rgb(87,30,4)
```
#692505
```
#692505 rgb(105,37,5)
```
#7c2b06
```
#7c2b06 rgb(124,43,6)
```
#8f3207
```
#8f3207 rgb(143,50,7)
```
#a13808
```
#a13808 rgb(161,56,8)
```
#b43f09
```
#b43f09 rgb(180,63,9)
```
#c7450a
```
#c7450a rgb(199,69,10)
```
#d94c0b
```
#d94c0b rgb(217,76,11)
```
#ec520c
```
#ec520c rgb(236,82,12)
```

Shade Color Variation

#f35d18
```
#f35d18 rgb(243,93,24)
```
#f46a2b
```
#f46a2b rgb(244,106,43)
```
#f5773e
```
#f5773e rgb(245,119,62)
```
#f68450
```
#f68450 rgb(246,132,80)
```
#f79163
```
#f79163 rgb(247,145,99)
```
#f89e76
```
#f89e76 rgb(248,158,118)
```
#f9ac88
```
#f9ac88 rgb(249,172,136)
```
#fab99b
```
#fab99b rgb(250,185,155)
```
#fbc6ae
```
#fbc6ae rgb(251,198,174)
```
#fcd3c0
```
#fcd3c0 rgb(252,211,192)
```
#fde0d3
```
#fde0d3 rgb(253,224,211)
```
#feede6
```
#feede6 rgb(254,237,230)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#837975
```
#837975 rgb(131,121,117)
```
#8d766b
```
#8d766b rgb(141,118,107)
```
#967262
```
#967262 rgb(150,114,98)
```
#a06f58
```
#a06f58 rgb(160,111,88)
```
#a96b4f
```
#a96b4f rgb(169,107,79)
```
#b36745
```
#b36745 rgb(179,103,69)
```
#bc643c
```
#bc643c rgb(188,100,60)
```
#c66032
```
#c66032 rgb(198,96,50)
```
#cf5d29
```
#cf5d29 rgb(207,93,41)
```
#d9591f
```
#d9591f rgb(217,89,31)
```
#e25616
```
#e25616 rgb(226,86,22)
```
#ec520c
```
#ec520c rgb(236,82,12)
```
#f64e02
```
#f64e02 rgb(246,78,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8f7062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8c25 Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#ee5559 Tritanopia 0.001% of the population

Trichromacy

#b9771c Protanomaly 1% of men, 0.01% of women
#c57204 Deuteranomaly 6% of men, 0.4% of women
#ed543d Tritanomaly 0.01% of the population

#ec520c hex color

#ec520c Color Information

#ec520c Color Conversion

Color Schemes with #ec520c

Alternatives to #ec520c

#ec520c Preview

Shades and Tints of #ec520c

Tones of #ec520c

Color Blindness Simulator