#e06c0e hex color

In a RGB color space, hex #e06c0e is composed of 87.8% red, 42.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 93.8% yellow and 12.2% black. It has a hue angle of 26.9 degrees, a saturation of 88.2% and a lightness of 46.7%. #e06c0e color hex could be obtained by blending #ffd81c with #c10000. Closest websafe color is: #cc6600.

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

● #e06c0e color description : Vivid orange.

The hexadecimal color #e06c0e has RGB values of R:224, G:108, B:14 and CMYK values of C:0, M:0.52, Y:0.94, K:0.12. Its decimal value is 14707726.

Hex triplet	e06c0e	`#e06c0e`
RGB Decimal	224, 108, 14	`rgb(224,108,14)`
RGB Percent	87.8, 42.4, 5.5	`rgb(87.8%,42.4%,5.5%)`
CMYK	0, 52, 94, 12
HSL	26.9°, 88.2, 46.7	`hsl(26.9,88.2%,46.7%)`
HSV (or HSB)	26.9°, 93.8, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.609, 40.786, 64.174
XYZ	36.184, 26.608, 3.646
xyY	0.545, 0.4, 26.608
CIE-LCH	58.609, 76.038, 57.562
CIE-LUV	58.609, 96.388, 52.043
Hunter-Lab	51.583, 34.943, 31.917
Binary	11100000, 01101100, 00001110

#e06c0e
```
#e06c0e rgb(224,108,14)
```
#0e82e0
```
#0e82e0 rgb(14,130,224)
```

Complementary Color

#e00e19
```
#e00e19 rgb(224,14,25)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#e0d50e
```
#e0d50e rgb(224,213,14)
```

Analogous Color

#0e19e0
```
#0e19e0 rgb(14,25,224)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#0ee0d5
```
#0ee0d5 rgb(14,224,213)
```

Split Complementary Color

#6c0ee0
```
#6c0ee0 rgb(108,14,224)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#0ee06c
```
#0ee06c rgb(14,224,108)
```

Triadic Color

#e00e82
```
#e00e82 rgb(224,14,130)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#0ee06c
```
#0ee06c rgb(14,224,108)
```
#0e82e0
```
#0e82e0 rgb(14,130,224)
```

Tetradic Color

#98490a
```
#98490a rgb(152,73,10)
```
#b0550b
```
#b0550b rgb(176,85,11)
```
#c8600d
```
#c8600d rgb(200,96,13)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#f17817
```
#f17817 rgb(241,120,23)
```
#f2862f
```
#f2862f rgb(242,134,47)
```
#f49447
```
#f49447 rgb(244,148,71)
```

Monochromatic Color

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

#e0370e
```
#e0370e rgb(224,55,14)
```
#e0490e
```
#e0490e rgb(224,73,14)
```
#e05a0e
```
#e05a0e rgb(224,90,14)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#e07e0e
```
#e07e0e rgb(224,126,14)
```
#e08f0e
```
#e08f0e rgb(224,143,14)
```
#e0a10e
```
#e0a10e rgb(224,161,14)
```

Similar Colors

Text with hexadecimal color #e06c0e

This text has a font color of #e06c0e.

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

#e06c0e background color

This paragraph has a background color of #e06c0e.

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

#e06c0e border color

This element has a border color of #e06c0e.

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

CSS codes

.text {color:#e06c0e;}

.background {background-color:#e06c0e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150a01
```
#150a01 rgb(21,10,1)
```
#271302
```
#271302 rgb(39,19,2)
```
#3a1c04
```
#3a1c04 rgb(58,28,4)
```
#4c2505
```
#4c2505 rgb(76,37,5)
```
#5f2e06
```
#5f2e06 rgb(95,46,6)
```
#713707
```
#713707 rgb(113,55,7)
```
#843f08
```
#843f08 rgb(132,63,8)
```
#964809
```
#964809 rgb(150,72,9)
```
#a9510b
```
#a9510b rgb(169,81,11)
```
#bb5a0c
```
#bb5a0c rgb(187,90,12)
```
#ce630d
```
#ce630d rgb(206,99,13)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```

Shade Color Variation

#f07511
```
#f07511 rgb(240,117,17)
```
#f18024
```
#f18024 rgb(241,128,36)
```
#f28b36
```
#f28b36 rgb(242,139,54)
```
#f49549
```
#f49549 rgb(244,149,73)
```
#f5a05b
```
#f5a05b rgb(245,160,91)
```
#f6ab6e
```
#f6ab6e rgb(246,171,110)
```
#f7b580
```
#f7b580 rgb(247,181,128)
```
#f8c093
```
#f8c093 rgb(248,192,147)
```
#f9cba5
```
#f9cba5 rgb(249,203,165)
```
#fbd6b8
```
#fbd6b8 rgb(251,214,184)
```
#fce0ca
```
#fce0ca rgb(252,224,202)
```
#fdebdd
```
#fdebdd rgb(253,235,221)
```
#fef6ef
```
#fef6ef rgb(254,246,239)
```

Tint Color Variation

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

#7b7773
```
#7b7773 rgb(123,119,115)
```
#84766a
```
#84766a rgb(132,118,106)
```
#8e7560
```
#8e7560 rgb(142,117,96)
```
#977457
```
#977457 rgb(151,116,87)
```
#a0734e
```
#a0734e rgb(160,115,78)
```
#a97245
```
#a97245 rgb(169,114,69)
```
#b2713c
```
#b2713c rgb(178,113,60)
```
#bb7033
```
#bb7033 rgb(187,112,51)
```
#c56f29
```
#c56f29 rgb(197,111,41)
```
#ce6e20
```
#ce6e20 rgb(206,110,32)
```
#d76d17
```
#d76d17 rgb(215,109,23)
```
#e06c0e
```
#e06c0e rgb(224,108,14)
```
#e96b05
```
#e96b05 rgb(233,107,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#967f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49323 Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#e46c72 Tritanopia 0.001% of the population

Trichromacy

#ba841b Protanomaly 1% of men, 0.01% of women
#c68005 Deuteranomaly 6% of men, 0.4% of women
#e36c4e Tritanomaly 0.01% of the population

#e06c0e hex color

#e06c0e Color Information

#e06c0e Color Conversion

Color Schemes with #e06c0e

Alternatives to #e06c0e

#e06c0e Preview

Shades and Tints of #e06c0e

Tones of #e06c0e

Color Blindness Simulator