#ec4016 hex color

In a RGB color space, hex #ec4016 is composed of 92.5% red, 25.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 90.7% yellow and 7.5% black. It has a hue angle of 11.8 degrees, a saturation of 84.9% and a lightness of 50.6%. #ec4016 color hex could be obtained by blending #ff802c with #d90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 93
- G 25
- B 9
RGB color chart
- C 0
- M 73
- Y 91
- K 7
CMYK color chart

● #ec4016 color description : Vivid red.

The hexadecimal color #ec4016 has RGB values of R:236, G:64, B:22 and CMYK values of C:0, M:0.73, Y:0.91, K:0.07. Its decimal value is 15482902.

Hex triplet	ec4016	`#ec4016`
RGB Decimal	236, 64, 22	`rgb(236,64,22)`
RGB Percent	92.5, 25.1, 8.6	`rgb(92.5%,25.1%,8.6%)`
CMYK	0, 73, 91, 7
HSL	11.8°, 84.9, 50.6	`hsl(11.8,84.9%,50.6%)`
HSV (or HSB)	11.8°, 90.7, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.559, 63.846, 59.555
XYZ	36.572, 21.562, 2.995
xyY	0.598, 0.353, 21.562
CIE-LCH	53.559, 87.31, 43.009
CIE-LUV	53.559, 138.292, 40.094
Hunter-Lab	46.435, 59.325, 28.68
Binary	11101100, 01000000, 00010110

#ec4016
```
#ec4016 rgb(236,64,22)
```
#16c2ec
```
#16c2ec rgb(22,194,236)
```

Complementary Color

#ec1657
```
#ec1657 rgb(236,22,87)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#ecab16
```
#ecab16 rgb(236,171,22)
```

Analogous Color

#1657ec
```
#1657ec rgb(22,87,236)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#16ecab
```
#16ecab rgb(22,236,171)
```

Split Complementary Color

#4016ec
```
#4016ec rgb(64,22,236)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#16ec40
```
#16ec40 rgb(22,236,64)
```

Triadic Color

#ec16c2
```
#ec16c2 rgb(236,22,194)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#16ec40
```
#16ec40 rgb(22,236,64)
```
#16c2ec
```
#16c2ec rgb(22,194,236)
```

Tetradic Color

#a82c0e
```
#a82c0e rgb(168,44,14)
```
#bf3210
```
#bf3210 rgb(191,50,16)
```
#d73812
```
#d73812 rgb(215,56,18)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#ee532e
```
#ee532e rgb(238,83,46)
```
#f06745
```
#f06745 rgb(240,103,69)
```
#f27a5d
```
#f27a5d rgb(242,122,93)
```

Monochromatic Color

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

#ec1622
```
#ec1622 rgb(236,22,34)
```
#ec1c16
```
#ec1c16 rgb(236,28,22)
```
#ec2e16
```
#ec2e16 rgb(236,46,22)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#ec5216
```
#ec5216 rgb(236,82,22)
```
#ec6416
```
#ec6416 rgb(236,100,22)
```
#ec7616
```
#ec7616 rgb(236,118,22)
```

Similar Colors

Text with hexadecimal color #ec4016

This text has a font color of #ec4016.

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

#ec4016 background color

This paragraph has a background color of #ec4016.

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

#ec4016 border color

This element has a border color of #ec4016.

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

CSS codes

.text {color:#ec4016;}

.background {background-color:#ec4016;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150502
```
#150502 rgb(21,5,2)
```
#270a03
```
#270a03 rgb(39,10,3)
```
#390f05
```
#390f05 rgb(57,15,5)
```
#4b1406
```
#4b1406 rgb(75,20,6)
```
#5d1808
```
#5d1808 rgb(93,24,8)
```
#701d09
```
#701d09 rgb(112,29,9)
```
#82220b
```
#82220b rgb(130,34,11)
```
#94270c
```
#94270c rgb(148,39,12)
```
#a62b0e
```
#a62b0e rgb(166,43,14)
```
#b8300f
```
#b8300f rgb(184,48,15)
```
#ca3510
```
#ca3510 rgb(202,53,16)
```
#dc3a12
```
#dc3a12 rgb(220,58,18)
```

Shade Color Variation

#ec4016
```
#ec4016 rgb(236,64,22)
```
#ed4f28
```
#ed4f28 rgb(237,79,40)
```
#ef5e3a
```
#ef5e3a rgb(239,94,58)
```
#f06d4c
```
#f06d4c rgb(240,109,76)
```
#f27b5f
```
#f27b5f rgb(242,123,95)
```
#f38a71
```
#f38a71 rgb(243,138,113)
```
#f59983
```
#f59983 rgb(245,153,131)
```
#f6a895
```
#f6a895 rgb(246,168,149)
```
#f8b7a7
```
#f8b7a7 rgb(248,183,167)
```
#f9c6b9
```
#f9c6b9 rgb(249,198,185)
```
#fbd5cb
```
#fbd5cb rgb(251,213,203)
```
#fce4de
```
#fce4de rgb(252,228,222)
```
#fef2f0
```
#fef2f0 rgb(254,242,240)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#8b7b77
```
#8b7b77 rgb(139,123,119)
```
#95756d
```
#95756d rgb(149,117,109)
```
#9e6f64
```
#9e6f64 rgb(158,111,100)
```
#a8695a
```
#a8695a rgb(168,105,90)
```
#b26350
```
#b26350 rgb(178,99,80)
```
#bc5d46
```
#bc5d46 rgb(188,93,70)
```
#c5583d
```
#c5583d rgb(197,88,61)
```
#cf5233
```
#cf5233 rgb(207,82,51)
```
#d94c29
```
#d94c29 rgb(217,76,41)
```
#e24620
```
#e24620 rgb(226,70,32)
```
#ec4016
```
#ec4016 rgb(236,64,22)
```
#f63a0c
```
#f63a0c rgb(246,58,12)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#88665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#958630 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#ed4648 Tritanopia 0.001% of the population

Trichromacy

#b56d26 Protanomaly 1% of men, 0.01% of women
#c06808 Deuteranomaly 6% of men, 0.4% of women
#ed4336 Tritanomaly 0.01% of the population

#ec4016 hex color

#ec4016 Color Information

#ec4016 Color Conversion

Color Schemes with #ec4016

Alternatives to #ec4016

#ec4016 Preview

Shades and Tints of #ec4016

Tones of #ec4016

Color Blindness Simulator