#e06c2d hex color

In a RGB color space, hex #e06c2d is composed of 87.8% red, 42.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 79.9% yellow and 12.2% black. It has a hue angle of 21.1 degrees, a saturation of 74.3% and a lightness of 52.7%. #e06c2d color hex could be obtained by blending #ffd85a with #c10000. Closest websafe color is: #cc6633.

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

● #e06c2d color description : Bright orange.

The hexadecimal color #e06c2d has RGB values of R:224, G:108, B:45 and CMYK values of C:0, M:0.52, Y:0.8, K:0.12. Its decimal value is 14707757.

Hex triplet	e06c2d	`#e06c2d`
RGB Decimal	224, 108, 45	`rgb(224,108,45)`
RGB Percent	87.8, 42.4, 17.6	`rgb(87.8%,42.4%,17.6%)`
CMYK	0, 52, 80, 12
HSL	21.1°, 74.3, 52.7	`hsl(21.1,74.3%,52.7%)`
HSV (or HSB)	21.1°, 79.9, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.757, 41.463, 53.975
XYZ	36.578, 26.765, 5.723
xyY	0.53, 0.388, 26.765
CIE-LCH	58.757, 68.062, 52.469
CIE-LUV	58.757, 94.384, 46.461
Hunter-Lab	51.735, 35.667, 29.657
Binary	11100000, 01101100, 00101101

#e06c2d
```
#e06c2d rgb(224,108,45)
```
#2da1e0
```
#2da1e0 rgb(45,161,224)
```

Complementary Color

#e02d48
```
#e02d48 rgb(224,45,72)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#e0c62d
```
#e0c62d rgb(224,198,45)
```

Analogous Color

#2d48e0
```
#2d48e0 rgb(45,72,224)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#2de0c6
```
#2de0c6 rgb(45,224,198)
```

Split Complementary Color

#6c2de0
```
#6c2de0 rgb(108,45,224)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#2de06c
```
#2de06c rgb(45,224,108)
```

Triadic Color

#e02da1
```
#e02da1 rgb(224,45,161)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#2de06c
```
#2de06c rgb(45,224,108)
```
#2da1e0
```
#2da1e0 rgb(45,161,224)
```

Tetradic Color

#a84b19
```
#a84b19 rgb(168,75,25)
```
#be551c
```
#be551c rgb(190,85,28)
```
#d45f1f
```
#d45f1f rgb(212,95,31)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#e37c43
```
#e37c43 rgb(227,124,67)
```
#e78b59
```
#e78b59 rgb(231,139,89)
```
#ea9b70
```
#ea9b70 rgb(234,155,112)
```

Monochromatic Color

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

#e03f2d
```
#e03f2d rgb(224,63,45)
```
#e04e2d
```
#e04e2d rgb(224,78,45)
```
#e05d2d
```
#e05d2d rgb(224,93,45)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#e07b2d
```
#e07b2d rgb(224,123,45)
```
#e08a2d
```
#e08a2d rgb(224,138,45)
```
#e0992d
```
#e0992d rgb(224,153,45)
```

Similar Colors

Text with hexadecimal color #e06c2d

This text has a font color of #e06c2d.

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

#e06c2d background color

This paragraph has a background color of #e06c2d.

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

#e06c2d border color

This element has a border color of #e06c2d.

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

CSS codes

.text {color:#e06c2d;}

.background {background-color:#e06c2d;}

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

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 #fefcfa is the lightest one.

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1d0d04
```
#1d0d04 rgb(29,13,4)
```
#2e1507
```
#2e1507 rgb(46,21,7)
```
#3f1c09
```
#3f1c09 rgb(63,28,9)
```
#51240c
```
#51240c rgb(81,36,12)
```
#622c0e
```
#622c0e rgb(98,44,14)
```
#733311
```
#733311 rgb(115,51,17)
```
#843b13
```
#843b13 rgb(132,59,19)
```
#954316
```
#954316 rgb(149,67,22)
```
#a64a19
```
#a64a19 rgb(166,74,25)
```
#b7521b
```
#b7521b rgb(183,82,27)
```
#c85a1e
```
#c85a1e rgb(200,90,30)
```
#d96120
```
#d96120 rgb(217,97,32)
```

Shade Color Variation

#e06c2d
```
#e06c2d rgb(224,108,45)
```
#e3783e
```
#e3783e rgb(227,120,62)
```
#e5844f
```
#e5844f rgb(229,132,79)
```
#e89060
```
#e89060 rgb(232,144,96)
```
#ea9c71
```
#ea9c71 rgb(234,156,113)
```
#eda882
```
#eda882 rgb(237,168,130)
```
#efb494
```
#efb494 rgb(239,180,148)
```
#f2c0a5
```
#f2c0a5 rgb(242,192,165)
```
#f4ccb6
```
#f4ccb6 rgb(244,204,182)
```
#f7d8c7
```
#f7d8c7 rgb(247,216,199)
```
#f9e4d8
```
#f9e4d8 rgb(249,228,216)
```
#fcf0e9
```
#fcf0e9 rgb(252,240,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#8d8580
```
#8d8580 rgb(141,133,128)
```
#968277
```
#968277 rgb(150,130,119)
```
#9f7f6e
```
#9f7f6e rgb(159,127,110)
```
#a87c65
```
#a87c65 rgb(168,124,101)
```
#b27a5b
```
#b27a5b rgb(178,122,91)
```
#bb7752
```
#bb7752 rgb(187,119,82)
```
#c47449
```
#c47449 rgb(196,116,73)
```
#cd7140
```
#cd7140 rgb(205,113,64)
```
#d76f36
```
#d76f36 rgb(215,111,54)
```
#e06c2d
```
#e06c2d rgb(224,108,45)
```
#e96924
```
#e96924 rgb(233,105,36)
```
#f3671a
```
#f3671a rgb(243,103,26)
```
#fc6411
```
#fc6411 rgb(252,100,17)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9a8276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39340 Protanopia 1% of men
#b78c2e Deuteranopia 1% of men
#e46d74 Tritanopia 0.001% of the population

Trichromacy

#b98539 Protanomaly 1% of men, 0.01% of women
#c5802e Deuteranomaly 6% of men, 0.4% of women
#e26c5a Tritanomaly 0.01% of the population

#e06c2d hex color

#e06c2d Color Information

#e06c2d Color Conversion

Color Schemes with #e06c2d

Alternatives to #e06c2d

#e06c2d Preview

Shades and Tints of #e06c2d

Tones of #e06c2d

Color Blindness Simulator