#e4a580 hex color

In a RGB color space, hex #e4a580 is composed of 89.4% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 43.9% yellow and 10.6% black. It has a hue angle of 22.2 degrees, a saturation of 64.9% and a lightness of 69.8%. #e4a580 color hex could be obtained by blending #ffffff with #c94b01. Closest websafe color is: #cc9999.

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

● #e4a580 color description : Very soft orange.

The hexadecimal color #e4a580 has RGB values of R:228, G:165, B:128 and CMYK values of C:0, M:0.28, Y:0.44, K:0.11. Its decimal value is 14984576.

Hex triplet	e4a580	`#e4a580`
RGB Decimal	228, 165, 128	`rgb(228,165,128)`
RGB Percent	89.4, 64.7, 50.2	`rgb(89.4%,64.7%,50.2%)`
CMYK	0, 28, 44, 11
HSL	22.2°, 64.9, 69.8	`hsl(22.2,64.9%,69.8%)`
HSV (or HSB)	22.2°, 43.9, 89.4
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.869, 18.805, 28.351
XYZ	49.347, 44.965, 26.501
xyY	0.408, 0.372, 44.965
CIE-LCH	72.869, 34.021, 56.443
CIE-LUV	72.869, 45.348, 33.56
Hunter-Lab	67.056, 14.01, 23.508
Binary	11100100, 10100101, 10000000

#e4a580
```
#e4a580 rgb(228,165,128)
```
#80bfe4
```
#80bfe4 rgb(128,191,228)
```

Complementary Color

#e4808d
```
#e4808d rgb(228,128,141)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#e4d780
```
#e4d780 rgb(228,215,128)
```

Analogous Color

#808de4
```
#808de4 rgb(128,141,228)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#80e4d7
```
#80e4d7 rgb(128,228,215)
```

Split Complementary Color

#a580e4
```
#a580e4 rgb(165,128,228)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#80e4a5
```
#80e4a5 rgb(128,228,165)
```

Triadic Color

#e480bf
```
#e480bf rgb(228,128,191)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#80e4a5
```
#80e4a5 rgb(128,228,165)
```
#80bfe4
```
#80bfe4 rgb(128,191,228)
```

Tetradic Color

#d77841
```
#d77841 rgb(215,120,65)
```
#db8756
```
#db8756 rgb(219,135,86)
```
#e0966b
```
#e0966b rgb(224,150,107)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#e8b495
```
#e8b495 rgb(232,180,149)
```
#edc3aa
```
#edc3aa rgb(237,195,170)
```
#f1d2bf
```
#f1d2bf rgb(241,210,191)
```

Monochromatic Color

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

#e48c80
```
#e48c80 rgb(228,140,128)
```
#e49480
```
#e49480 rgb(228,148,128)
```
#e49d80
```
#e49d80 rgb(228,157,128)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#e4ad80
```
#e4ad80 rgb(228,173,128)
```
#e4b680
```
#e4b680 rgb(228,182,128)
```
#e4be80
```
#e4be80 rgb(228,190,128)
```

Similar Colors

Text with hexadecimal color #e4a580

This text has a font color of #e4a580.

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

#e4a580 background color

This paragraph has a background color of #e4a580.

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

#e4a580 border color

This element has a border color of #e4a580.

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

CSS codes

.text {color:#e4a580;}

.background {background-color:#e4a580;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#130904
```
#130904 rgb(19,9,4)
```
#231207
```
#231207 rgb(35,18,7)
```
#331a0b
```
#331a0b rgb(51,26,11)
```
#43220e
```
#43220e rgb(67,34,14)
```
#532a12
```
#532a12 rgb(83,42,18)
```
#633215
```
#633215 rgb(99,50,21)
```
#743a19
```
#743a19 rgb(116,58,25)
```
#84421c
```
#84421c rgb(132,66,28)
```
#944b1f
```
#944b1f rgb(148,75,31)
```
#a45323
```
#a45323 rgb(164,83,35)
```
#b45b26
```
#b45b26 rgb(180,91,38)
```
#c5632a
```
#c5632a rgb(197,99,42)
```

Shade Color Variation

#d36c2f
```
#d36c2f rgb(211,108,47)
```
#d6773f
```
#d6773f rgb(214,119,63)
```
#da834f
```
#da834f rgb(218,131,79)
```
#dd8e60
```
#dd8e60 rgb(221,142,96)
```
#e19a70
```
#e19a70 rgb(225,154,112)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#e7b090
```
#e7b090 rgb(231,176,144)
```
#ebbca0
```
#ebbca0 rgb(235,188,160)
```
#eec7b1
```
#eec7b1 rgb(238,199,177)
```
#f2d3c1
```
#f2d3c1 rgb(242,211,193)
```
#f5ded1
```
#f5ded1 rgb(245,222,209)
```
#f9eae1
```
#f9eae1 rgb(249,234,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#b5b1af
```
#b5b1af rgb(181,177,175)
```
#bbb0a9
```
#bbb0a9 rgb(187,176,169)
```
#c0aea4
```
#c0aea4 rgb(192,174,164)
```
#c6ad9e
```
#c6ad9e rgb(198,173,158)
```
#ccab98
```
#ccab98 rgb(204,171,152)
```
#d2aa92
```
#d2aa92 rgb(210,170,146)
```
#d8a88c
```
#d8a88c rgb(216,168,140)
```
#dea786
```
#dea786 rgb(222,167,134)
```
#e4a580
```
#e4a580 rgb(228,165,128)
```
#eaa37a
```
#eaa37a rgb(234,163,122)
```
#f0a274
```
#f0a274 rgb(240,162,116)
```
#f6a06e
```
#f6a06e rgb(246,160,110)
```
#fc9f68
```
#fc9f68 rgb(252,159,104)
```

Tone Color Variation

Below, you can see how #e4a580 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
#d7af84 Deuteranopia 1% of men
#e9a4af 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
#e7a49e Tritanomaly 0.01% of the population

#e4a580 hex color

#e4a580 Color Information

#e4a580 Color Conversion

Color Schemes with #e4a580

Alternatives to #e4a580

#e4a580 Preview

Shades and Tints of #e4a580

Tones of #e4a580

Color Blindness Simulator