#e06c40 hex color

In a RGB color space, hex #e06c40 is composed of 87.8% red, 42.4% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 71.4% yellow and 12.2% black. It has a hue angle of 16.5 degrees, a saturation of 72.1% and a lightness of 56.5%. #e06c40 color hex could be obtained by blending #ffd880 with #c10000. Closest websafe color is: #cc6633.

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

● #e06c40 color description : Bright orange.

The hexadecimal color #e06c40 has RGB values of R:224, G:108, B:64 and CMYK values of C:0, M:0.52, Y:0.71, K:0.12. Its decimal value is 14707776.

Hex triplet	e06c40	`#e06c40`
RGB Decimal	224, 108, 64	`rgb(224,108,64)`
RGB Percent	87.8, 42.4, 25.1	`rgb(87.8%,42.4%,25.1%)`
CMYK	0, 52, 71, 12
HSL	16.5°, 72.1, 56.5	`hsl(16.5,72.1%,56.5%)`
HSV (or HSB)	16.5°, 71.4, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.924, 42.231, 45.061
XYZ	37.03, 26.946, 8.101
xyY	0.514, 0.374, 26.946
CIE-LCH	58.924, 61.757, 46.857
CIE-LUV	58.924, 92.18, 40.302
Hunter-Lab	51.91, 36.491, 27.084
Binary	11100000, 01101100, 01000000

#e06c40
```
#e06c40 rgb(224,108,64)
```
#40b4e0
```
#40b4e0 rgb(64,180,224)
```

Complementary Color

#e04064
```
#e04064 rgb(224,64,100)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#e0bc40
```
#e0bc40 rgb(224,188,64)
```

Analogous Color

#4064e0
```
#4064e0 rgb(64,100,224)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#40e0bc
```
#40e0bc rgb(64,224,188)
```

Split Complementary Color

#6c40e0
```
#6c40e0 rgb(108,64,224)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#40e06c
```
#40e06c rgb(64,224,108)
```

Triadic Color

#e040b4
```
#e040b4 rgb(224,64,180)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#40e06c
```
#40e06c rgb(64,224,108)
```
#40b4e0
```
#40b4e0 rgb(64,180,224)
```

Tetradic Color

#b6471e
```
#b6471e rgb(182,71,30)
```
#cc5021
```
#cc5021 rgb(204,80,33)
```
#dc5b2a
```
#dc5b2a rgb(220,91,42)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#e47d56
```
#e47d56 rgb(228,125,86)
```
#e78e6c
```
#e78e6c rgb(231,142,108)
```
#eb9f82
```
#eb9f82 rgb(235,159,130)
```

Monochromatic Color

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

#e04440
```
#e04440 rgb(224,68,64)
```
#e05140
```
#e05140 rgb(224,81,64)
```
#e05f40
```
#e05f40 rgb(224,95,64)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#e07940
```
#e07940 rgb(224,121,64)
```
#e08740
```
#e08740 rgb(224,135,64)
```
#e09440
```
#e09440 rgb(224,148,64)
```

Similar Colors

Text with hexadecimal color #e06c40

This text has a font color of #e06c40.

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

#e06c40 background color

This paragraph has a background color of #e06c40.

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

#e06c40 border color

This element has a border color of #e06c40.

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

CSS codes

.text {color:#e06c40;}

.background {background-color:#e06c40;}

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

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

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1c0b05
```
#1c0b05 rgb(28,11,5)
```
#2d1207
```
#2d1207 rgb(45,18,7)
```
#3e180a
```
#3e180a rgb(62,24,10)
```
#4f1f0d
```
#4f1f0d rgb(79,31,13)
```
#602610
```
#602610 rgb(96,38,16)
```
#712c12
```
#712c12 rgb(113,44,18)
```
#823315
```
#823315 rgb(130,51,21)
```
#933a18
```
#933a18 rgb(147,58,24)
```
#a3401b
```
#a3401b rgb(163,64,27)
```
#b4471d
```
#b4471d rgb(180,71,29)
```
#c54d20
```
#c54d20 rgb(197,77,32)
```
#d65423
```
#d65423 rgb(214,84,35)
```

Shade Color Variation

#dd5f2f
```
#dd5f2f rgb(221,95,47)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#e37951
```
#e37951 rgb(227,121,81)
```
#e58662
```
#e58662 rgb(229,134,98)
```
#e89373
```
#e89373 rgb(232,147,115)
```
#eba084
```
#eba084 rgb(235,160,132)
```
#eead94
```
#eead94 rgb(238,173,148)
```
#f0baa5
```
#f0baa5 rgb(240,186,165)
```
#f3c7b6
```
#f3c7b6 rgb(243,199,182)
```
#f6d4c7
```
#f6d4c7 rgb(246,212,199)
```
#f9e1d8
```
#f9e1d8 rgb(249,225,216)
```
#fbeee9
```
#fbeee9 rgb(251,238,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#938f8d
```
#938f8d rgb(147,143,141)
```
#9c8b84
```
#9c8b84 rgb(156,139,132)
```
#a4877c
```
#a4877c rgb(164,135,124)
```
#ad8373
```
#ad8373 rgb(173,131,115)
```
#b57f6b
```
#b57f6b rgb(181,127,107)
```
#be7b62
```
#be7b62 rgb(190,123,98)
```
#c6785a
```
#c6785a rgb(198,120,90)
```
#cf7451
```
#cf7451 rgb(207,116,81)
```
#d77049
```
#d77049 rgb(215,112,73)
```
#e06c40
```
#e06c40 rgb(224,108,64)
```
#e96837
```
#e96837 rgb(233,104,55)
```
#f1642f
```
#f1642f rgb(241,100,47)
```
#fa6026
```
#fa6026 rgb(250,96,38)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9b847b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19353 Protanopia 1% of men
#b58c42 Deuteranopia 1% of men
#e36e75 Tritanopia 0.001% of the population

Trichromacy

#b8854c Protanomaly 1% of men, 0.01% of women
#c58041 Deuteranomaly 6% of men, 0.4% of women
#e26d61 Tritanomaly 0.01% of the population

#e06c40 hex color

#e06c40 Color Information

#e06c40 Color Conversion

Color Schemes with #e06c40

Alternatives to #e06c40

#e06c40 Preview

Shades and Tints of #e06c40

Tones of #e06c40

Color Blindness Simulator