#e5a580 hex color

In a RGB color space, hex #e5a580 is composed of 89.8% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 44.1% yellow and 10.2% black. It has a hue angle of 22 degrees, a saturation of 66% and a lightness of 70%. #e5a580 color hex could be obtained by blending #ffffff with #cb4b01. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 90
- G 65
- B 50
RGB color chart
- C 0
- M 28
- Y 44
- K 10
CMYK color chart

● #e5a580 color description : Very soft orange.

The hexadecimal color #e5a580 has RGB values of R:229, G:165, B:128 and CMYK values of C:0, M:0.28, Y:0.44, K:0.1. Its decimal value is 15050112.

Hex triplet	e5a580	`#e5a580`
RGB Decimal	229, 165, 128	`rgb(229,165,128)`
RGB Percent	89.8, 64.7, 50.2	`rgb(89.8%,64.7%,50.2%)`
CMYK	0, 28, 44, 10
HSL	22°, 66, 70	`hsl(22,66%,70%)`
HSV (or HSB)	22°, 44.1, 89.8
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.977, 19.202, 28.513
XYZ	49.665, 45.129, 26.516
xyY	0.409, 0.372, 45.129
CIE-LCH	72.977, 34.376, 56.042
CIE-LUV	72.977, 46.097, 33.673
Hunter-Lab	67.178, 14.403, 23.623
Binary	11100101, 10100101, 10000000

#e5a580
```
#e5a580 rgb(229,165,128)
```
#80c0e5
```
#80c0e5 rgb(128,192,229)
```

Complementary Color

#e5808e
```
#e5808e rgb(229,128,142)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#e5d880
```
#e5d880 rgb(229,216,128)
```

Analogous Color

#808ee5
```
#808ee5 rgb(128,142,229)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#80e5d8
```
#80e5d8 rgb(128,229,216)
```

Split Complementary Color

#a580e5
```
#a580e5 rgb(165,128,229)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#80e5a5
```
#80e5a5 rgb(128,229,165)
```

Triadic Color

#e580c0
```
#e580c0 rgb(229,128,192)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#80e5a5
```
#80e5a5 rgb(128,229,165)
```
#80c0e5
```
#80c0e5 rgb(128,192,229)
```

Tetradic Color

#d87841
```
#d87841 rgb(216,120,65)
```
#dc8756
```
#dc8756 rgb(220,135,86)
```
#e1966b
```
#e1966b rgb(225,150,107)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#e9b495
```
#e9b495 rgb(233,180,149)
```
#eec3aa
```
#eec3aa rgb(238,195,170)
```
#f2d2c0
```
#f2d2c0 rgb(242,210,192)
```

Monochromatic Color

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

#e58c80
```
#e58c80 rgb(229,140,128)
```
#e59480
```
#e59480 rgb(229,148,128)
```
#e59d80
```
#e59d80 rgb(229,157,128)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#e5ad80
```
#e5ad80 rgb(229,173,128)
```
#e5b680
```
#e5b680 rgb(229,182,128)
```
#e5be80
```
#e5be80 rgb(229,190,128)
```

Similar Colors

Text with hexadecimal color #e5a580

This text has a font color of #e5a580.

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

#e5a580 background color

This paragraph has a background color of #e5a580.

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

#e5a580 border color

This element has a border color of #e5a580.

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

CSS codes

.text {color:#e5a580;}

.background {background-color:#e5a580;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#241207
```
#241207 rgb(36,18,7)
```
#341a0b
```
#341a0b rgb(52,26,11)
```
#44220e
```
#44220e rgb(68,34,14)
```
#552a11
```
#552a11 rgb(85,42,17)
```
#653215
```
#653215 rgb(101,50,21)
```
#753a18
```
#753a18 rgb(117,58,24)
```
#86421b
```
#86421b rgb(134,66,27)
```
#964a1f
```
#964a1f rgb(150,74,31)
```
#a65222
```
#a65222 rgb(166,82,34)
```
#b65a25
```
#b65a25 rgb(182,90,37)
```
#c76329
```
#c76329 rgb(199,99,41)
```

Shade Color Variation

#d46b2f
```
#d46b2f rgb(212,107,47)
```
#d8773f
```
#d8773f rgb(216,119,63)
```
#db824f
```
#db824f rgb(219,130,79)
```
#de8e5f
```
#de8e5f rgb(222,142,95)
```
#e29970
```
#e29970 rgb(226,153,112)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#e8b190
```
#e8b190 rgb(232,177,144)
```
#ecbca1
```
#ecbca1 rgb(236,188,161)
```
#efc8b1
```
#efc8b1 rgb(239,200,177)
```
#f2d3c1
```
#f2d3c1 rgb(242,211,193)
```
#f6dfd1
```
#f6dfd1 rgb(246,223,209)
```
#f9eae2
```
#f9eae2 rgb(249,234,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#b6b2af
```
#b6b2af rgb(182,178,175)
```
#bcb0a9
```
#bcb0a9 rgb(188,176,169)
```
#c2aea3
```
#c2aea3 rgb(194,174,163)
```
#c8ad9d
```
#c8ad9d rgb(200,173,157)
```
#cdab98
```
#cdab98 rgb(205,171,152)
```
#d3aa92
```
#d3aa92 rgb(211,170,146)
```
#d9a88c
```
#d9a88c rgb(217,168,140)
```
#dfa786
```
#dfa786 rgb(223,167,134)
```
#e5a580
```
#e5a580 rgb(229,165,128)
```
#eba37a
```
#eba37a rgb(235,163,122)
```
#f1a274
```
#f1a274 rgb(241,162,116)
```
#f7a06e
```
#f7a06e rgb(247,160,110)
```
#fd9f68
```
#fd9f68 rgb(253,159,104)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#beb1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b68b Protanopia 1% of men
#d8af84 Deuteranopia 1% of men
#eaa4af Tritanopia 0.001% of the population

Trichromacy

#cfb087 Protanomaly 1% of men, 0.01% of women
#dcab83 Deuteranomaly 6% of men, 0.4% of women
#e8a49e Tritanomaly 0.01% of the population

#e5a580 hex color

#e5a580 Color Information

#e5a580 Color Conversion

Color Schemes with #e5a580

Alternatives to #e5a580

#e5a580 Preview

Shades and Tints of #e5a580

Tones of #e5a580

Color Blindness Simulator