#e5a221 hex color

In a RGB color space, hex #e5a221 is composed of 89.8% red, 63.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.3% magenta, 85.6% yellow and 10.2% black. It has a hue angle of 39.5 degrees, a saturation of 79% and a lightness of 51.4%. #e5a221 color hex could be obtained by blending #ffff42 with #cb4500. Closest websafe color is: #cc9933.

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

● #e5a221 color description : Vivid orange.

The hexadecimal color #e5a221 has RGB values of R:229, G:162, B:33 and CMYK values of C:0, M:0.29, Y:0.86, K:0.1. Its decimal value is 15049249.

Hex triplet	e5a221	`#e5a221`
RGB Decimal	229, 162, 33	`rgb(229,162,33)`
RGB Percent	89.8, 63.5, 12.9	`rgb(89.8%,63.5%,12.9%)`
CMYK	0, 29, 86, 10
HSL	39.5°, 79, 51.4	`hsl(39.5,79%,51.4%)`
HSV (or HSB)	39.5°, 85.6, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.29, 14.91, 69.375
XYZ	45.509, 42.611, 7.267
xyY	0.477, 0.447, 42.611
CIE-LCH	71.29, 70.959, 77.871
CIE-LUV	71.29, 55.446, 69.044
Hunter-Lab	65.277, 10.208, 39.094
Binary	11100101, 10100010, 00100001

#e5a221
```
#e5a221 rgb(229,162,33)
```
#2164e5
```
#2164e5 rgb(33,100,229)
```

Complementary Color

#e54021
```
#e54021 rgb(229,64,33)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#c6e521
```
#c6e521 rgb(198,229,33)
```

Analogous Color

#4021e5
```
#4021e5 rgb(64,33,229)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#21c6e5
```
#21c6e5 rgb(33,198,229)
```

Split Complementary Color

#a221e5
```
#a221e5 rgb(162,33,229)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#21e5a2
```
#21e5a2 rgb(33,229,162)
```

Triadic Color

#e52164
```
#e52164 rgb(229,33,100)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#21e5a2
```
#21e5a2 rgb(33,229,162)
```
#2164e5
```
#2164e5 rgb(33,100,229)
```

Tetradic Color

#a67413
```
#a67413 rgb(166,116,19)
```
#bd8416
```
#bd8416 rgb(189,132,22)
```
#d49419
```
#d49419 rgb(212,148,25)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#e8ac38
```
#e8ac38 rgb(232,172,56)
```
#eab54f
```
#eab54f rgb(234,181,79)
```
#edbf65
```
#edbf65 rgb(237,191,101)
```

Monochromatic Color

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

#e57121
```
#e57121 rgb(229,113,33)
```
#e58121
```
#e58121 rgb(229,129,33)
```
#e59221
```
#e59221 rgb(229,146,33)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#e5b221
```
#e5b221 rgb(229,178,33)
```
#e5c321
```
#e5c321 rgb(229,195,33)
```
#e5d321
```
#e5d321 rgb(229,211,33)
```

Similar Colors

Text with hexadecimal color #e5a221

This text has a font color of #e5a221.

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

#e5a221 background color

This paragraph has a background color of #e5a221.

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

#e5a221 border color

This element has a border color of #e5a221.

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

CSS codes

.text {color:#e5a221;}

.background {background-color:#e5a221;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#181103
```
#181103 rgb(24,17,3)
```
#291d05
```
#291d05 rgb(41,29,5)
```
#3b2907
```
#3b2907 rgb(59,41,7)
```
#4d3509
```
#4d3509 rgb(77,53,9)
```
#5e420b
```
#5e420b rgb(94,66,11)
```
#704e0d
```
#704e0d rgb(112,78,13)
```
#815a0f
```
#815a0f rgb(129,90,15)
```
#936611
```
#936611 rgb(147,102,17)
```
#a47313
```
#a47313 rgb(164,115,19)
```
#b67f15
```
#b67f15 rgb(182,127,21)
```
#c78b17
```
#c78b17 rgb(199,139,23)
```
#d99719
```
#d99719 rgb(217,151,25)
```

Shade Color Variation

#e5a221
```
#e5a221 rgb(229,162,33)
```
#e7a933
```
#e7a933 rgb(231,169,51)
```
#e9b144
```
#e9b144 rgb(233,177,68)
```
#ebb856
```
#ebb856 rgb(235,184,86)
```
#edbf67
```
#edbf67 rgb(237,191,103)
```
#efc779
```
#efc779 rgb(239,199,121)
```
#f1ce8a
```
#f1ce8a rgb(241,206,138)
```
#f3d59c
```
#f3d59c rgb(243,213,156)
```
#f5ddad
```
#f5ddad rgb(245,221,173)
```
#f8e4bf
```
#f8e4bf rgb(248,228,191)
```
#faecd1
```
#faecd1 rgb(250,236,209)
```
#fcf3e2
```
#fcf3e2 rgb(252,243,226)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#868480
```
#868480 rgb(134,132,128)
```
#8f8777
```
#8f8777 rgb(143,135,119)
```
#998a6d
```
#998a6d rgb(153,138,109)
```
#a28d64
```
#a28d64 rgb(162,141,100)
```
#ac905a
```
#ac905a rgb(172,144,90)
```
#b59351
```
#b59351 rgb(181,147,81)
```
#bf9647
```
#bf9647 rgb(191,150,71)
```
#c8993e
```
#c8993e rgb(200,153,62)
```
#d29c34
```
#d29c34 rgb(210,156,52)
```
#db9f2b
```
#db9f2b rgb(219,159,43)
```
#e5a221
```
#e5a221 rgb(229,162,33)
```
#efa517
```
#efa517 rgb(239,165,23)
```
#f8a80e
```
#f8a80e rgb(248,168,14)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b3a68c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b32f Protanopia 1% of men
#deaa2a Deuteranopia 1% of men
#ed9ca6 Tritanopia 0.001% of the population

Trichromacy

#d2ac2a Protanomaly 1% of men, 0.01% of women
#e1a726 Deuteranomaly 6% of men, 0.4% of women
#ea9e76 Tritanomaly 0.01% of the population

#e5a221 hex color

#e5a221 Color Information

#e5a221 Color Conversion

Color Schemes with #e5a221

Alternatives to #e5a221

#e5a221 Preview

Shades and Tints of #e5a221

Tones of #e5a221

Color Blindness Simulator