#e4a058 hex color

In a RGB color space, hex #e4a058 is composed of 89.4% red, 62.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 61.4% yellow and 10.6% black. It has a hue angle of 30.9 degrees, a saturation of 72.2% and a lightness of 62%. #e4a058 color hex could be obtained by blending #ffffb0 with #c94100. Closest websafe color is: #cc9966.

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

● #e4a058 color description : Soft orange.

The hexadecimal color #e4a058 has RGB values of R:228, G:160, B:88 and CMYK values of C:0, M:0.3, Y:0.61, K:0.11. Its decimal value is 14983256.

Hex triplet	e4a058	`#e4a058`
RGB Decimal	228, 160, 88	`rgb(228,160,88)`
RGB Percent	89.4, 62.7, 34.5	`rgb(89.4%,62.7%,34.5%)`
CMYK	0, 30, 61, 11
HSL	30.9°, 72.2, 62	`hsl(30.9,72.2%,62%)`
HSV (or HSB)	30.9°, 61.4, 89.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.107, 18.034, 46.971
XYZ	46.328, 42.343, 14.965
xyY	0.447, 0.409, 42.343
CIE-LCH	71.107, 50.314, 68.996
CIE-LUV	71.107, 52.951, 52.053
Hunter-Lab	65.071, 13.209, 31.915
Binary	11100100, 10100000, 01011000

#e4a058
```
#e4a058 rgb(228,160,88)
```
#589ce4
```
#589ce4 rgb(88,156,228)
```

Complementary Color

#e45a58
```
#e45a58 rgb(228,90,88)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#e2e458
```
#e2e458 rgb(226,228,88)
```

Analogous Color

#5a58e4
```
#5a58e4 rgb(90,88,228)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#58e2e4
```
#58e2e4 rgb(88,226,228)
```

Split Complementary Color

#a058e4
```
#a058e4 rgb(160,88,228)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#58e4a0
```
#58e4a0 rgb(88,228,160)
```

Triadic Color

#e4589c
```
#e4589c rgb(228,88,156)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#58e4a0
```
#58e4a0 rgb(88,228,160)
```
#589ce4
```
#589ce4 rgb(88,156,228)
```

Tetradic Color

#ce7a21
```
#ce7a21 rgb(206,122,33)
```
#dd872c
```
#dd872c rgb(221,135,44)
```
#e09442
```
#e09442 rgb(224,148,66)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#e8ac6e
```
#e8ac6e rgb(232,172,110)
```
#ebb984
```
#ebb984 rgb(235,185,132)
```
#efc59a
```
#efc59a rgb(239,197,154)
```

Monochromatic Color

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

#e47d58
```
#e47d58 rgb(228,125,88)
```
#e48958
```
#e48958 rgb(228,137,88)
```
#e49458
```
#e49458 rgb(228,148,88)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#e4ac58
```
#e4ac58 rgb(228,172,88)
```
#e4b758
```
#e4b758 rgb(228,183,88)
```
#e4c358
```
#e4c358 rgb(228,195,88)
```

Similar Colors

Text with hexadecimal color #e4a058

This text has a font color of #e4a058.

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

#e4a058 background color

This paragraph has a background color of #e4a058.

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

#e4a058 border color

This element has a border color of #e4a058.

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

CSS codes

.text {color:#e4a058;}

.background {background-color:#e4a058;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130b03
```
#130b03 rgb(19,11,3)
```
#241506
```
#241506 rgb(36,21,6)
```
#351f08
```
#351f08 rgb(53,31,8)
```
#45290b
```
#45290b rgb(69,41,11)
```
#56330e
```
#56330e rgb(86,51,14)
```
#673d11
```
#673d11 rgb(103,61,17)
```
#784713
```
#784713 rgb(120,71,19)
```
#895116
```
#895116 rgb(137,81,22)
```
#9a5b19
```
#9a5b19 rgb(154,91,25)
```
#ab651c
```
#ab651c rgb(171,101,28)
```
#bc6f1e
```
#bc6f1e rgb(188,111,30)
```
#cc7921
```
#cc7921 rgb(204,121,33)
```

Shade Color Variation

#dc8325
```
#dc8325 rgb(220,131,37)
```
#df8d36
```
#df8d36 rgb(223,141,54)
```
#e19647
```
#e19647 rgb(225,150,71)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#e7aa69
```
#e7aa69 rgb(231,170,105)
```
#e9b37a
```
#e9b37a rgb(233,179,122)
```
#ecbd8b
```
#ecbd8b rgb(236,189,139)
```
#efc69c
```
#efc69c rgb(239,198,156)
```
#f2d0ac
```
#f2d0ac rgb(242,208,172)
```
#f4dabd
```
#f4dabd rgb(244,218,189)
```
#f7e3ce
```
#f7e3ce rgb(247,227,206)
```
#faeddf
```
#faeddf rgb(250,237,223)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#a19e9b
```
#a19e9b rgb(161,158,155)
```
#a89e94
```
#a89e94 rgb(168,158,148)
```
#b09f8c
```
#b09f8c rgb(176,159,140)
```
#b79f85
```
#b79f85 rgb(183,159,133)
```
#bf9f7d
```
#bf9f7d rgb(191,159,125)
```
#c69f76
```
#c69f76 rgb(198,159,118)
```
#ce9f6e
```
#ce9f6e rgb(206,159,110)
```
#d5a067
```
#d5a067 rgb(213,160,103)
```
#dda05f
```
#dda05f rgb(221,160,95)
```
#e4a058
```
#e4a058 rgb(228,160,88)
```
#eba051
```
#eba051 rgb(235,160,81)
```
#f3a049
```
#f3a049 rgb(243,160,73)
```
#faa142
```
#faa142 rgb(250,161,66)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b7aa9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b265 Protanopia 1% of men
#d9aa5f Deuteranopia 1% of men
#eb9ca7 Tritanopia 0.001% of the population

Trichromacy

#cfab60 Protanomaly 1% of men, 0.01% of women
#dda65c Deuteranomaly 6% of men, 0.4% of women
#e89d8a Tritanomaly 0.01% of the population

#e4a058 hex color

#e4a058 Color Information

#e4a058 Color Conversion

Color Schemes with #e4a058

Alternatives to #e4a058

#e4a058 Preview

Shades and Tints of #e4a058

Tones of #e4a058

Color Blindness Simulator