#e06c1a hex color

In a RGB color space, hex #e06c1a is composed of 87.8% red, 42.4% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 88.4% yellow and 12.2% black. It has a hue angle of 24.8 degrees, a saturation of 79.2% and a lightness of 49%. #e06c1a color hex could be obtained by blending #ffd834 with #c10000. Closest websafe color is: #cc6633.

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

● #e06c1a color description : Vivid orange.

The hexadecimal color #e06c1a has RGB values of R:224, G:108, B:26 and CMYK values of C:0, M:0.52, Y:0.88, K:0.12. Its decimal value is 14707738.

Hex triplet	e06c1a	`#e06c1a`
RGB Decimal	224, 108, 26	`rgb(224,108,26)`
RGB Percent	87.8, 42.4, 10.2	`rgb(87.8%,42.4%,10.2%)`
CMYK	0, 52, 88, 12
HSL	24.8°, 79.2, 49	`hsl(24.8,79.2%,49%)`
HSV (or HSB)	24.8°, 88.4, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.649, 40.97, 61.075
XYZ	36.291, 26.651, 4.21
xyY	0.54, 0.397, 26.651
CIE-LCH	58.649, 73.544, 56.145
CIE-LUV	58.649, 95.836, 50.506
Hunter-Lab	51.624, 35.14, 31.301
Binary	11100000, 01101100, 00011010

#e06c1a
```
#e06c1a rgb(224,108,26)
```
#1a8ee0
```
#1a8ee0 rgb(26,142,224)
```

Complementary Color

#e01a2b
```
#e01a2b rgb(224,26,43)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#e0cf1a
```
#e0cf1a rgb(224,207,26)
```

Analogous Color

#1a2be0
```
#1a2be0 rgb(26,43,224)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#1ae0cf
```
#1ae0cf rgb(26,224,207)
```

Split Complementary Color

#6c1ae0
```
#6c1ae0 rgb(108,26,224)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#1ae06c
```
#1ae06c rgb(26,224,108)
```

Triadic Color

#e01a8e
```
#e01a8e rgb(224,26,142)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#1ae06c
```
#1ae06c rgb(26,224,108)
```
#1a8ee0
```
#1a8ee0 rgb(26,142,224)
```

Tetradic Color

#9b4b12
```
#9b4b12 rgb(155,75,18)
```
#b25615
```
#b25615 rgb(178,86,21)
```
#c96117
```
#c96117 rgb(201,97,23)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#e77a2d
```
#e77a2d rgb(231,122,45)
```
#e98844
```
#e98844 rgb(233,136,68)
```
#ec975b
```
#ec975b rgb(236,151,91)
```

Monochromatic Color

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

#e03b1a
```
#e03b1a rgb(224,59,26)
```
#e04b1a
```
#e04b1a rgb(224,75,26)
```
#e05c1a
```
#e05c1a rgb(224,92,26)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#e07d1a
```
#e07d1a rgb(224,125,26)
```
#e08d1a
```
#e08d1a rgb(224,141,26)
```
#e09e1a
```
#e09e1a rgb(224,158,26)
```

Similar Colors

Text with hexadecimal color #e06c1a

This text has a font color of #e06c1a.

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

#e06c1a background color

This paragraph has a background color of #e06c1a.

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

#e06c1a border color

This element has a border color of #e06c1a.

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

CSS codes

.text {color:#e06c1a;}

.background {background-color:#e06c1a;}

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

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

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1f0f04
```
#1f0f04 rgb(31,15,4)
```
#301706
```
#301706 rgb(48,23,6)
```
#422008
```
#422008 rgb(66,32,8)
```
#53280a
```
#53280a rgb(83,40,10)
```
#65310c
```
#65310c rgb(101,49,12)
```
#77390e
```
#77390e rgb(119,57,14)
```
#884210
```
#884210 rgb(136,66,16)
```
#9a4a12
```
#9a4a12 rgb(154,74,18)
```
#ab5314
```
#ab5314 rgb(171,83,20)
```
#bd5b16
```
#bd5b16 rgb(189,91,22)
```
#ce6418
```
#ce6418 rgb(206,100,24)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```

Shade Color Variation

#e67628
```
#e67628 rgb(230,118,40)
```
#e88239
```
#e88239 rgb(232,130,57)
```
#ea8d4b
```
#ea8d4b rgb(234,141,75)
```
#ec985c
```
#ec985c rgb(236,152,92)
```
#eea36e
```
#eea36e rgb(238,163,110)
```
#f0ae7f
```
#f0ae7f rgb(240,174,127)
```
#f2b991
```
#f2b991 rgb(242,185,145)
```
#f4c4a3
```
#f4c4a3 rgb(244,196,163)
```
#f6d0b4
```
#f6d0b4 rgb(246,208,180)
```
#f8dbc6
```
#f8dbc6 rgb(248,219,198)
```
#fae6d7
```
#fae6d7 rgb(250,230,215)
```
#fcf1e9
```
#fcf1e9 rgb(252,241,233)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#807d7a
```
#807d7a rgb(128,125,122)
```
#897b71
```
#897b71 rgb(137,123,113)
```
#937967
```
#937967 rgb(147,121,103)
```
#9d785d
```
#9d785d rgb(157,120,93)
```
#a67654
```
#a67654 rgb(166,118,84)
```
#b0744a
```
#b0744a rgb(176,116,74)
```
#ba7340
```
#ba7340 rgb(186,115,64)
```
#c37137
```
#c37137 rgb(195,113,55)
```
#cd6f2d
```
#cd6f2d rgb(205,111,45)
```
#d66e24
```
#d66e24 rgb(214,110,36)
```
#e06c1a
```
#e06c1a rgb(224,108,26)
```
#ea6a10
```
#ea6a10 rgb(234,106,16)
```
#f36907
```
#f36907 rgb(243,105,7)
```

Tone Color Variation

Below, you can see how #e06c1a 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
#978070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932d Protanopia 1% of men
#b78b14 Deuteranopia 1% of men
#e46c73 Tritanopia 0.001% of the population

Trichromacy

#b98426 Protanomaly 1% of men, 0.01% of women
#c68016 Deuteranomaly 6% of men, 0.4% of women
#e26c52 Tritanomaly 0.01% of the population

#e06c1a hex color

#e06c1a Color Information

#e06c1a Color Conversion

Color Schemes with #e06c1a

Alternatives to #e06c1a

#e06c1a Preview

Shades and Tints of #e06c1a

Tones of #e06c1a

Color Blindness Simulator