#e5a456 hex color

In a RGB color space, hex #e5a456 is composed of 89.8% red, 64.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.4% magenta, 62.4% yellow and 10.2% black. It has a hue angle of 32.7 degrees, a saturation of 73.3% and a lightness of 61.8%. #e5a456 color hex could be obtained by blending #ffffac with #cb4900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 90
- G 64
- B 34
RGB color chart
- C 0
- M 28
- Y 62
- K 10
CMYK color chart

● #e5a456 color description : Soft orange.

The hexadecimal color #e5a456 has RGB values of R:229, G:164, B:86 and CMYK values of C:0, M:0.28, Y:0.62, K:0.1. Its decimal value is 15049814.

Hex triplet	e5a456	`#e5a456`
RGB Decimal	229, 164, 86	`rgb(229,164,86)`
RGB Percent	89.8, 64.3, 33.7	`rgb(89.8%,64.3%,33.7%)`
CMYK	0, 28, 62, 10
HSL	32.7°, 73.3, 61.8	`hsl(32.7,73.3%,61.8%)`
HSV (or HSB)	32.7°, 62.4, 89.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.151, 16.181, 49.187
XYZ	47.269, 43.884, 14.784
xyY	0.446, 0.414, 43.884
CIE-LCH	72.151, 51.781, 71.79
CIE-LUV	72.151, 50.935, 54.733
Hunter-Lab	66.245, 11.441, 33.139
Binary	11100101, 10100100, 01010110

#e5a456
```
#e5a456 rgb(229,164,86)
```
#5697e5
```
#5697e5 rgb(86,151,229)
```

Complementary Color

#e55c56
```
#e55c56 rgb(229,92,86)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#dfe556
```
#dfe556 rgb(223,229,86)
```

Analogous Color

#5c56e5
```
#5c56e5 rgb(92,86,229)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#56dfe5
```
#56dfe5 rgb(86,223,229)
```

Split Complementary Color

#a456e5
```
#a456e5 rgb(164,86,229)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#56e5a4
```
#56e5a4 rgb(86,229,164)
```

Triadic Color

#e55697
```
#e55697 rgb(229,86,151)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#56e5a4
```
#56e5a4 rgb(86,229,164)
```
#5697e5
```
#5697e5 rgb(86,151,229)
```

Tetradic Color

#cf7f20
```
#cf7f20 rgb(207,127,32)
```
#de8c2a
```
#de8c2a rgb(222,140,42)
```
#e29840
```
#e29840 rgb(226,152,64)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#e8b06c
```
#e8b06c rgb(232,176,108)
```
#ecbc82
```
#ecbc82 rgb(236,188,130)
```
#efc898
```
#efc898 rgb(239,200,152)
```

Monochromatic Color

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

#e58056
```
#e58056 rgb(229,128,86)
```
#e58c56
```
#e58c56 rgb(229,140,86)
```
#e59856
```
#e59856 rgb(229,152,86)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#e5b056
```
#e5b056 rgb(229,176,86)
```
#e5bc56
```
#e5bc56 rgb(229,188,86)
```
#e5c856
```
#e5c856 rgb(229,200,86)
```

Similar Colors

Text with hexadecimal color #e5a456

This text has a font color of #e5a456.

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

#e5a456 background color

This paragraph has a background color of #e5a456.

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

#e5a456 border color

This element has a border color of #e5a456.

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

CSS codes

.text {color:#e5a456;}

.background {background-color:#e5a456;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231605
```
#231605 rgb(35,22,5)
```
#342008
```
#342008 rgb(52,32,8)
```
#452a0b
```
#452a0b rgb(69,42,11)
```
#56350d
```
#56350d rgb(86,53,13)
```
#673f10
```
#673f10 rgb(103,63,16)
```
#784a12
```
#784a12 rgb(120,74,18)
```
#895415
```
#895415 rgb(137,84,21)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#ab691a
```
#ab691a rgb(171,105,26)
```
#bc741d
```
#bc741d rgb(188,116,29)
```
#cd7e20
```
#cd7e20 rgb(205,126,32)
```

Shade Color Variation

#dd8923
```
#dd8923 rgb(221,137,35)
```
#e09234
```
#e09234 rgb(224,146,52)
```
#e29b45
```
#e29b45 rgb(226,155,69)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#e8ad67
```
#e8ad67 rgb(232,173,103)
```
#eab678
```
#eab678 rgb(234,182,120)
```
#edbf89
```
#edbf89 rgb(237,191,137)
```
#efc99a
```
#efc99a rgb(239,201,154)
```
#f2d2ab
```
#f2d2ab rgb(242,210,171)
```
#f5dbbc
```
#f5dbbc rgb(245,219,188)
```
#f7e4cd
```
#f7e4cd rgb(247,228,205)
```
#faedde
```
#faedde rgb(250,237,222)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#a29e9a
```
#a29e9a rgb(162,158,154)
```
#a99f92
```
#a99f92 rgb(169,159,146)
```
#b19f8b
```
#b19f8b rgb(177,159,139)
```
#b8a083
```
#b8a083 rgb(184,160,131)
```
#c0a17c
```
#c0a17c rgb(192,161,124)
```
#c7a174
```
#c7a174 rgb(199,161,116)
```
#cfa26d
```
#cfa26d rgb(207,162,109)
```
#d6a365
```
#d6a365 rgb(214,163,101)
```
#dea35e
```
#dea35e rgb(222,163,94)
```
#e5a456
```
#e5a456 rgb(229,164,86)
```
#eda54f
```
#eda54f rgb(237,165,79)
```
#f4a547
```
#f4a547 rgb(244,165,71)
```
#fca640
```
#fca640 rgb(252,166,64)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#baad9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b562 Protanopia 1% of men
#ddac5d Deuteranopia 1% of men
#eca0aa Tritanopia 0.001% of the population

Trichromacy

#d1ae5e Protanomaly 1% of men, 0.01% of women
#dfa95a Deuteranomaly 6% of men, 0.4% of women
#e9a18c Tritanomaly 0.01% of the population

#e5a456 hex color

#e5a456 Color Information

#e5a456 Color Conversion

Color Schemes with #e5a456

Alternatives to #e5a456

#e5a456 Preview

Shades and Tints of #e5a456

Tones of #e5a456

Color Blindness Simulator