#e06c16 hex color

In a RGB color space, hex #e06c16 is composed of 87.8% red, 42.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 90.2% yellow and 12.2% black. It has a hue angle of 25.5 degrees, a saturation of 82.1% and a lightness of 48.2%. #e06c16 color hex could be obtained by blending #ffd82c with #c10000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 88
- G 42
- B 9
RGB color chart
- C 0
- M 52
- Y 90
- K 12
CMYK color chart

● #e06c16 color description : Vivid orange.

The hexadecimal color #e06c16 has RGB values of R:224, G:108, B:22 and CMYK values of C:0, M:0.52, Y:0.9, K:0.12. Its decimal value is 14707734.

Hex triplet	e06c16	`#e06c16`
RGB Decimal	224, 108, 22	`rgb(224,108,22)`
RGB Percent	87.8, 42.4, 8.6	`rgb(87.8%,42.4%,8.6%)`
CMYK	0, 52, 90, 12
HSL	25.5°, 82.1, 48.2	`hsl(25.5,82.1%,48.2%)`
HSV (or HSB)	25.5°, 90.2, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.634, 40.899, 62.243
XYZ	36.249, 26.634, 3.991
xyY	0.542, 0.398, 26.634
CIE-LCH	58.634, 74.477, 56.692
CIE-LUV	58.634, 96.049, 51.102
Hunter-Lab	51.608, 35.064, 31.541
Binary	11100000, 01101100, 00010110

#e06c16
```
#e06c16 rgb(224,108,22)
```
#168ae0
```
#168ae0 rgb(22,138,224)
```

Complementary Color

#e01625
```
#e01625 rgb(224,22,37)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#e0d116
```
#e0d116 rgb(224,209,22)
```

Analogous Color

#1625e0
```
#1625e0 rgb(22,37,224)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#16e0d1
```
#16e0d1 rgb(22,224,209)
```

Split Complementary Color

#6c16e0
```
#6c16e0 rgb(108,22,224)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#16e06c
```
#16e06c rgb(22,224,108)
```

Triadic Color

#e0168a
```
#e0168a rgb(224,22,138)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#16e06c
```
#16e06c rgb(22,224,108)
```
#168ae0
```
#168ae0 rgb(22,138,224)
```

Tetradic Color

#9a4a0f
```
#9a4a0f rgb(154,74,15)
```
#b25611
```
#b25611 rgb(178,86,17)
```
#c96114
```
#c96114 rgb(201,97,20)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#ea7926
```
#ea7926 rgb(234,121,38)
```
#ec883d
```
#ec883d rgb(236,136,61)
```
#ee9654
```
#ee9654 rgb(238,150,84)
```

Monochromatic Color

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

#e03a16
```
#e03a16 rgb(224,58,22)
```
#e04a16
```
#e04a16 rgb(224,74,22)
```
#e05b16
```
#e05b16 rgb(224,91,22)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#e07d16
```
#e07d16 rgb(224,125,22)
```
#e08e16
```
#e08e16 rgb(224,142,22)
```
#e09f16
```
#e09f16 rgb(224,159,22)
```

Similar Colors

Text with hexadecimal color #e06c16

This text has a font color of #e06c16.

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

#e06c16 background color

This paragraph has a background color of #e06c16.

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

#e06c16 border color

This element has a border color of #e06c16.

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

CSS codes

.text {color:#e06c16;}

.background {background-color:#e06c16;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1c0d03
```
#1c0d03 rgb(28,13,3)
```
#2d1604
```
#2d1604 rgb(45,22,4)
```
#3f1e06
```
#3f1e06 rgb(63,30,6)
```
#512708
```
#512708 rgb(81,39,8)
```
#63300a
```
#63300a rgb(99,48,10)
```
#75380b
```
#75380b rgb(117,56,11)
```
#87410d
```
#87410d rgb(135,65,13)
```
#994a0f
```
#994a0f rgb(153,74,15)
```
#aa5211
```
#aa5211 rgb(170,82,17)
```
#bc5b12
```
#bc5b12 rgb(188,91,18)
```
#ce6314
```
#ce6314 rgb(206,99,20)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```

Shade Color Variation

#e97620
```
#e97620 rgb(233,118,32)
```
#eb8132
```
#eb8132 rgb(235,129,50)
```
#ed8c44
```
#ed8c44 rgb(237,140,68)
```
#ee9756
```
#ee9756 rgb(238,151,86)
```
#f0a268
```
#f0a268 rgb(240,162,104)
```
#f2ad7a
```
#f2ad7a rgb(242,173,122)
```
#f4b88c
```
#f4b88c rgb(244,184,140)
```
#f5c39d
```
#f5c39d rgb(245,195,157)
```
#f7ceaf
```
#f7ceaf rgb(247,206,175)
```
#f9d9c1
```
#f9d9c1 rgb(249,217,193)
```
#fbe4d3
```
#fbe4d3 rgb(251,228,211)
```
#fcefe5
```
#fcefe5 rgb(252,239,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#817a75
```
#817a75 rgb(129,122,117)
```
#8b796b
```
#8b796b rgb(139,121,107)
```
#947762
```
#947762 rgb(148,119,98)
```
#9e7658
```
#9e7658 rgb(158,118,88)
```
#a7744f
```
#a7744f rgb(167,116,79)
```
#b17345
```
#b17345 rgb(177,115,69)
```
#ba723c
```
#ba723c rgb(186,114,60)
```
#c47032
```
#c47032 rgb(196,112,50)
```
#cd6f29
```
#cd6f29 rgb(205,111,41)
```
#d76d1f
```
#d76d1f rgb(215,109,31)
```
#e06c16
```
#e06c16 rgb(224,108,22)
```
#e96b0d
```
#e96b0d rgb(233,107,13)
```
#f36903
```
#f36903 rgb(243,105,3)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#97806f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932a Protanopia 1% of men
#b78b06 Deuteranopia 1% of men
#e46c73 Tritanopia 0.001% of the population

Trichromacy

#b98422 Protanomaly 1% of men, 0.01% of women
#c6800b Deuteranomaly 6% of men, 0.4% of women
#e26c51 Tritanomaly 0.01% of the population

#e06c16 hex color

#e06c16 Color Information

#e06c16 Color Conversion

Color Schemes with #e06c16

Alternatives to #e06c16

#e06c16 Preview

Shades and Tints of #e06c16

Tones of #e06c16

Color Blindness Simulator