#e49f56 hex color

In a RGB color space, hex #e49f56 is composed of 89.4% red, 62.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.3% magenta, 62.3% yellow and 10.6% black. It has a hue angle of 30.8 degrees, a saturation of 72.4% and a lightness of 61.6%. #e49f56 color hex could be obtained by blending #ffffac with #c93f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 89
- G 62
- B 34
RGB color chart
- C 0
- M 30
- Y 62
- K 11
CMYK color chart

● #e49f56 color description : Soft orange.

The hexadecimal color #e49f56 has RGB values of R:228, G:159, B:86 and CMYK values of C:0, M:0.3, Y:0.62, K:0.11. Its decimal value is 14982998.

Hex triplet	e49f56	`#e49f56`
RGB Decimal	228, 159, 86	`rgb(228,159,86)`
RGB Percent	89.4, 62.4, 33.7	`rgb(89.4%,62.4%,33.7%)`
CMYK	0, 30, 62, 11
HSL	30.8°, 72.4, 61.6	`hsl(30.8,72.4%,61.6%)`
HSV (or HSB)	30.8°, 62.3, 89.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.847, 18.433, 47.657
XYZ	46.074, 41.965, 14.477
xyY	0.449, 0.409, 41.965
CIE-LCH	70.847, 51.097, 68.854
CIE-LUV	70.847, 53.868, 52.47
Hunter-Lab	64.78, 13.589, 32.096
Binary	11100100, 10011111, 01010110

#e49f56
```
#e49f56 rgb(228,159,86)
```
#569be4
```
#569be4 rgb(86,155,228)
```

Complementary Color

#e45856
```
#e45856 rgb(228,88,86)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#e2e456
```
#e2e456 rgb(226,228,86)
```

Analogous Color

#5856e4
```
#5856e4 rgb(88,86,228)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#56e2e4
```
#56e2e4 rgb(86,226,228)
```

Split Complementary Color

#9f56e4
```
#9f56e4 rgb(159,86,228)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#56e49f
```
#56e49f rgb(86,228,159)
```

Triadic Color

#e4569b
```
#e4569b rgb(228,86,155)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#56e49f
```
#56e49f rgb(86,228,159)
```
#569be4
```
#569be4 rgb(86,155,228)
```

Tetradic Color

#cd7921
```
#cd7921 rgb(205,121,33)
```
#dd862a
```
#dd862a rgb(221,134,42)
```
#e09340
```
#e09340 rgb(224,147,64)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#e8ab6c
```
#e8ab6c rgb(232,171,108)
```
#ebb882
```
#ebb882 rgb(235,184,130)
```
#efc498
```
#efc498 rgb(239,196,152)
```

Monochromatic Color

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

#e47c56
```
#e47c56 rgb(228,124,86)
```
#e48756
```
#e48756 rgb(228,135,86)
```
#e49356
```
#e49356 rgb(228,147,86)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#e4ab56
```
#e4ab56 rgb(228,171,86)
```
#e4b756
```
#e4b756 rgb(228,183,86)
```
#e4c356
```
#e4c356 rgb(228,195,86)
```

Similar Colors

Text with hexadecimal color #e49f56

This text has a font color of #e49f56.

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

#e49f56 background color

This paragraph has a background color of #e49f56.

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

#e49f56 border color

This element has a border color of #e49f56.

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

CSS codes

.text {color:#e49f56;}

.background {background-color:#e49f56;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110a03
```
#110a03 rgb(17,10,3)
```
#221405
```
#221405 rgb(34,20,5)
```
#331e08
```
#331e08 rgb(51,30,8)
```
#44280b
```
#44280b rgb(68,40,11)
```
#55320e
```
#55320e rgb(85,50,14)
```
#663c10
```
#663c10 rgb(102,60,16)
```
#774613
```
#774613 rgb(119,70,19)
```
#875016
```
#875016 rgb(135,80,22)
```
#985a18
```
#985a18 rgb(152,90,24)
```
#a9641b
```
#a9641b rgb(169,100,27)
```
#ba6e1e
```
#ba6e1e rgb(186,110,30)
```
#cb7820
```
#cb7820 rgb(203,120,32)
```

Shade Color Variation

#dc8223
```
#dc8223 rgb(220,130,35)
```
#df8c34
```
#df8c34 rgb(223,140,52)
```
#e19545
```
#e19545 rgb(225,149,69)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#e7a967
```
#e7a967 rgb(231,169,103)
```
#e9b278
```
#e9b278 rgb(233,178,120)
```
#ecbc89
```
#ecbc89 rgb(236,188,137)
```
#efc59a
```
#efc59a rgb(239,197,154)
```
#f2cfab
```
#f2cfab rgb(242,207,171)
```
#f4d9bb
```
#f4d9bb rgb(244,217,187)
```
#f7e2cc
```
#f7e2cc rgb(247,226,204)
```
#faecdd
```
#faecdd rgb(250,236,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```

Tint Color Variation

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

#a09d9a
```
#a09d9a rgb(160,157,154)
```
#a89d92
```
#a89d92 rgb(168,157,146)
```
#af9e8b
```
#af9e8b rgb(175,158,139)
```
#b79e83
```
#b79e83 rgb(183,158,131)
```
#be9e7c
```
#be9e7c rgb(190,158,124)
```
#c69e74
```
#c69e74 rgb(198,158,116)
```
#cd9e6d
```
#cd9e6d rgb(205,158,109)
```
#d59f65
```
#d59f65 rgb(213,159,101)
```
#dc9f5e
```
#dc9f5e rgb(220,159,94)
```
#e49f56
```
#e49f56 rgb(228,159,86)
```
#ec9f4e
```
#ec9f4e rgb(236,159,78)
```
#f39f47
```
#f39f47 rgb(243,159,71)
```
#fba03f
```
#fba03f rgb(251,160,63)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b6a99a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b163 Protanopia 1% of men
#d8a95d Deuteranopia 1% of men
#eb9ba6 Tritanopia 0.001% of the population

Trichromacy

#ceaa5e Protanomaly 1% of men, 0.01% of women
#dca55a Deuteranomaly 6% of men, 0.4% of women
#e89c89 Tritanomaly 0.01% of the population

#e49f56 hex color

#e49f56 Color Information

#e49f56 Color Conversion

Color Schemes with #e49f56

Alternatives to #e49f56

#e49f56 Preview

Shades and Tints of #e49f56

Tones of #e49f56

Color Blindness Simulator