#e49d5f hex color

In a RGB color space, hex #e49d5f is composed of 89.4% red, 61.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 58.3% yellow and 10.6% black. It has a hue angle of 28 degrees, a saturation of 71.1% and a lightness of 63.3%. #e49d5f color hex could be obtained by blending #ffffbe with #c93b00. Closest websafe color is: #cc9966.

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

● #e49d5f color description : Soft orange.

The hexadecimal color #e49d5f has RGB values of R:228, G:157, B:95 and CMYK values of C:0, M:0.31, Y:0.58, K:0.11. Its decimal value is 14982495.

Hex triplet	e49d5f	`#e49d5f`
RGB Decimal	228, 157, 95	`rgb(228,157,95)`
RGB Percent	89.4, 61.6, 37.3	`rgb(89.4%,61.6%,37.3%)`
CMYK	0, 31, 58, 11
HSL	28°, 71.1, 63.3	`hsl(28,71.1%,63.3%)`
HSV (or HSB)	28°, 58.3, 89.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.481, 20.137, 42.704
XYZ	46.118, 41.437, 16.395
xyY	0.444, 0.399, 41.437
CIE-LCH	70.481, 47.213, 64.754
CIE-LUV	70.481, 54.513, 47.55
Hunter-Lab	64.372, 15.234, 29.959
Binary	11100100, 10011101, 01011111

#e49d5f
```
#e49d5f rgb(228,157,95)
```
#5fa6e4
```
#5fa6e4 rgb(95,166,228)
```

Complementary Color

#e45f63
```
#e45f63 rgb(228,95,99)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#e4e05f
```
#e4e05f rgb(228,224,95)
```

Analogous Color

#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#5fe4e0
```
#5fe4e0 rgb(95,228,224)
```

Split Complementary Color

#9d5fe4
```
#9d5fe4 rgb(157,95,228)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#5fe49d
```
#5fe49d rgb(95,228,157)
```

Triadic Color

#e45fa6
```
#e45fa6 rgb(228,95,166)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#5fe49d
```
#5fe49d rgb(95,228,157)
```
#5fa6e4
```
#5fa6e4 rgb(95,166,228)
```

Tetradic Color

#d37524
```
#d37524 rgb(211,117,36)
```
#dd8233
```
#dd8233 rgb(221,130,51)
```
#e09049
```
#e09049 rgb(224,144,73)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#e8aa75
```
#e8aa75 rgb(232,170,117)
```
#ebb88b
```
#ebb88b rgb(235,184,139)
```
#efc5a0
```
#efc5a0 rgb(239,197,160)
```

Monochromatic Color

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

#e47c5f
```
#e47c5f rgb(228,124,95)
```
#e4875f
```
#e4875f rgb(228,135,95)
```
#e4925f
```
#e4925f rgb(228,146,95)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#e4a85f
```
#e4a85f rgb(228,168,95)
```
#e4b35f
```
#e4b35f rgb(228,179,95)
```
#e4be5f
```
#e4be5f rgb(228,190,95)
```

Similar Colors

Text with hexadecimal color #e49d5f

This text has a font color of #e49d5f.

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

#e49d5f background color

This paragraph has a background color of #e49d5f.

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

#e49d5f border color

This element has a border color of #e49d5f.

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

CSS codes

.text {color:#e49d5f;}

.background {background-color:#e49d5f;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#190e04
```
#190e04 rgb(25,14,4)
```
#291707
```
#291707 rgb(41,23,7)
```
#3a200a
```
#3a200a rgb(58,32,10)
```
#4b2a0d
```
#4b2a0d rgb(75,42,13)
```
#5c330f
```
#5c330f rgb(92,51,15)
```
#6d3c12
```
#6d3c12 rgb(109,60,18)
```
#7d4615
```
#7d4615 rgb(125,70,21)
```
#8e4f18
```
#8e4f18 rgb(142,79,24)
```
#9f581b
```
#9f581b rgb(159,88,27)
```
#b0621e
```
#b0621e rgb(176,98,30)
```
#c06b20
```
#c06b20 rgb(192,107,32)
```
#d17423
```
#d17423 rgb(209,116,35)
```

Shade Color Variation

#dc7e2d
```
#dc7e2d rgb(220,126,45)
```
#de883d
```
#de883d rgb(222,136,61)
```
#e1934e
```
#e1934e rgb(225,147,78)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#e7a770
```
#e7a770 rgb(231,167,112)
```
#eab281
```
#eab281 rgb(234,178,129)
```
#ecbc91
```
#ecbc91 rgb(236,188,145)
```
#efc6a2
```
#efc6a2 rgb(239,198,162)
```
#f2d0b3
```
#f2d0b3 rgb(242,208,179)
```
#f5dbc4
```
#f5dbc4 rgb(245,219,196)
```
#f8e5d4
```
#f8e5d4 rgb(248,229,212)
```
#fbefe5
```
#fbefe5 rgb(251,239,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#a3a1a0
```
#a3a1a0 rgb(163,161,160)
```
#aaa199
```
#aaa199 rgb(170,161,153)
```
#b2a091
```
#b2a091 rgb(178,160,145)
```
#b9a08a
```
#b9a08a rgb(185,160,138)
```
#c09f83
```
#c09f83 rgb(192,159,131)
```
#c79f7c
```
#c79f7c rgb(199,159,124)
```
#ce9e75
```
#ce9e75 rgb(206,158,117)
```
#d69e6d
```
#d69e6d rgb(214,158,109)
```
#dd9d66
```
#dd9d66 rgb(221,157,102)
```
#e49d5f
```
#e49d5f rgb(228,157,95)
```
#eb9d58
```
#eb9d58 rgb(235,157,88)
```
#f29c51
```
#f29c51 rgb(242,156,81)
```
#fa9c49
```
#fa9c49 rgb(250,156,73)
```

Tone Color Variation

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

Dichromacy

#c0b06c Protanopia 1% of men
#d6a965 Deuteranopia 1% of men
#ea9aa5 Tritanopia 0.001% of the population

Trichromacy

#cda967 Protanomaly 1% of men, 0.01% of women
#dba463 Deuteranomaly 6% of men, 0.4% of women
#e89b8b Tritanomaly 0.01% of the population

#e49d5f hex color

#e49d5f Color Information

#e49d5f Color Conversion

Color Schemes with #e49d5f

Alternatives to #e49d5f

#e49d5f Preview

Shades and Tints of #e49d5f

Tones of #e49d5f

Color Blindness Simulator