#e5af20 hex color

In a RGB color space, hex #e5af20 is composed of 89.8% red, 68.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 86% yellow and 10.2% black. It has a hue angle of 43.6 degrees, a saturation of 79.1% and a lightness of 51.2%. #e5af20 color hex could be obtained by blending #ffff40 with #cb5f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 90
- G 69
- B 13
RGB color chart
- C 0
- M 24
- Y 86
- K 10
CMYK color chart

● #e5af20 color description : Vivid orange.

The hexadecimal color #e5af20 has RGB values of R:229, G:175, B:32 and CMYK values of C:0, M:0.24, Y:0.86, K:0.1. Its decimal value is 15052576.

Hex triplet	e5af20	`#e5af20`
RGB Decimal	229, 175, 32	`rgb(229,175,32)`
RGB Percent	89.8, 68.6, 12.5	`rgb(89.8%,68.6%,12.5%)`
CMYK	0, 24, 86, 10
HSL	43.6°, 79.1, 51.2	`hsl(43.6,79.1%,51.2%)`
HSV (or HSB)	43.6°, 86, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.461, 7.992, 72.209
XYZ	47.905, 47.425, 7.997
xyY	0.464, 0.459, 47.425
CIE-LCH	74.461, 72.65, 83.684
CIE-LUV	74.461, 45.302, 74.138
Hunter-Lab	68.866, 3.654, 41.321
Binary	11100101, 10101111, 00100000

#e5af20
```
#e5af20 rgb(229,175,32)
```
#2056e5
```
#2056e5 rgb(32,86,229)
```

Complementary Color

#e54d20
```
#e54d20 rgb(229,77,32)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#b9e520
```
#b9e520 rgb(185,229,32)
```

Analogous Color

#4d20e5
```
#4d20e5 rgb(77,32,229)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#20b9e5
```
#20b9e5 rgb(32,185,229)
```

Split Complementary Color

#af20e5
```
#af20e5 rgb(175,32,229)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#20e5af
```
#20e5af rgb(32,229,175)
```

Triadic Color

#e52056
```
#e52056 rgb(229,32,86)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#20e5af
```
#20e5af rgb(32,229,175)
```
#2056e5
```
#2056e5 rgb(32,86,229)
```

Tetradic Color

#a57d13
```
#a57d13 rgb(165,125,19)
```
#bc8f16
```
#bc8f16 rgb(188,143,22)
```
#d3a019
```
#d3a019 rgb(211,160,25)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#e8b737
```
#e8b737 rgb(232,183,55)
```
#eabf4e
```
#eabf4e rgb(234,191,78)
```
#edc865
```
#edc865 rgb(237,200,101)
```

Monochromatic Color

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

#e57e20
```
#e57e20 rgb(229,126,32)
```
#e58e20
```
#e58e20 rgb(229,142,32)
```
#e59f20
```
#e59f20 rgb(229,159,32)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#e5bf20
```
#e5bf20 rgb(229,191,32)
```
#e5d020
```
#e5d020 rgb(229,208,32)
```
#e5e020
```
#e5e020 rgb(229,224,32)
```

Similar Colors

Text with hexadecimal color #e5af20

This text has a font color of #e5af20.

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

#e5af20 background color

This paragraph has a background color of #e5af20.

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

#e5af20 border color

This element has a border color of #e5af20.

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

CSS codes

.text {color:#e5af20;}

.background {background-color:#e5af20;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#171103
```
#171103 rgb(23,17,3)
```
#291f05
```
#291f05 rgb(41,31,5)
```
#3a2c07
```
#3a2c07 rgb(58,44,7)
```
#4c3909
```
#4c3909 rgb(76,57,9)
```
#5d470b
```
#5d470b rgb(93,71,11)
```
#6f540d
```
#6f540d rgb(111,84,13)
```
#80610f
```
#80610f rgb(128,97,15)
```
#926f11
```
#926f11 rgb(146,111,17)
```
#a37c13
```
#a37c13 rgb(163,124,19)
```
#b58915
```
#b58915 rgb(181,137,21)
```
#c79717
```
#c79717 rgb(199,151,23)
```
#d8a419
```
#d8a419 rgb(216,164,25)
```

Shade Color Variation

#e5af20
```
#e5af20 rgb(229,175,32)
```
#e7b532
```
#e7b532 rgb(231,181,50)
```
#e9bc43
```
#e9bc43 rgb(233,188,67)
```
#ebc255
```
#ebc255 rgb(235,194,85)
```
#edc866
```
#edc866 rgb(237,200,102)
```
#efcf78
```
#efcf78 rgb(239,207,120)
```
#f1d589
```
#f1d589 rgb(241,213,137)
```
#f3db9b
```
#f3db9b rgb(243,219,155)
```
#f5e1ad
```
#f5e1ad rgb(245,225,173)
```
#f7e8be
```
#f7e8be rgb(247,232,190)
```
#f9eed0
```
#f9eed0 rgb(249,238,208)
```
#fcf4e1
```
#fcf4e1 rgb(252,244,225)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#858480
```
#858480 rgb(133,132,128)
```
#8f8876
```
#8f8876 rgb(143,136,118)
```
#988c6d
```
#988c6d rgb(152,140,109)
```
#a29163
```
#a29163 rgb(162,145,99)
```
#ac9559
```
#ac9559 rgb(172,149,89)
```
#b59950
```
#b59950 rgb(181,153,80)
```
#bf9e46
```
#bf9e46 rgb(191,158,70)
```
#c8a23d
```
#c8a23d rgb(200,162,61)
```
#d2a633
```
#d2a633 rgb(210,166,51)
```
#dbab2a
```
#dbab2a rgb(219,171,42)
```
#e5af20
```
#e5af20 rgb(229,175,32)
```
#efb316
```
#efb316 rgb(239,179,22)
```
#f8b80d
```
#f8b80d rgb(248,184,13)
```

Tone Color Variation

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

Dichromacy

#d1bb2d Protanopia 1% of men
#e9b12c Deuteranopia 1% of men
#efa7b3 Tritanopia 0.001% of the population

Trichromacy

#d8b628 Protanomaly 1% of men, 0.01% of women
#e7b027 Deuteranomaly 6% of men, 0.4% of women
#ebaa7d Tritanomaly 0.01% of the population

#e5af20 hex color

#e5af20 Color Information

#e5af20 Color Conversion

Color Schemes with #e5af20

Alternatives to #e5af20

#e5af20 Preview

Shades and Tints of #e5af20

Tones of #e5af20

Color Blindness Simulator