#e5a22a hex color

In a RGB color space, hex #e5a22a is composed of 89.8% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.3% magenta, 81.7% yellow and 10.2% black. It has a hue angle of 38.5 degrees, a saturation of 78.2% and a lightness of 53.1%. #e5a22a color hex could be obtained by blending #ffff54 with #cb4500. Closest websafe color is: #cc9933.

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

● #e5a22a color description : Bright orange.

The hexadecimal color #e5a22a has RGB values of R:229, G:162, B:42 and CMYK values of C:0, M:0.29, Y:0.82, K:0.1. Its decimal value is 15049258.

Hex triplet	e5a22a	`#e5a22a`
RGB Decimal	229, 162, 42	`rgb(229,162,42)`
RGB Percent	89.8, 63.5, 16.5	`rgb(89.8%,63.5%,16.5%)`
CMYK	0, 29, 82, 10
HSL	38.5°, 78.2, 53.1	`hsl(38.5,78.2%,53.1%)`
HSV (or HSB)	38.5°, 81.7, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.33, 15.152, 66.725
XYZ	45.652, 42.669, 8.022
xyY	0.474, 0.443, 42.669
CIE-LCH	71.33, 68.423, 77.206
CIE-LUV	71.33, 55.125, 67.438
Hunter-Lab	65.321, 10.44, 38.444
Binary	11100101, 10100010, 00101010

#e5a22a
```
#e5a22a rgb(229,162,42)
```
#2a6de5
```
#2a6de5 rgb(42,109,229)
```

Complementary Color

#e5452a
```
#e5452a rgb(229,69,42)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#cbe52a
```
#cbe52a rgb(203,229,42)
```

Analogous Color

#452ae5
```
#452ae5 rgb(69,42,229)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#2acbe5
```
#2acbe5 rgb(42,203,229)
```

Split Complementary Color

#a22ae5
```
#a22ae5 rgb(162,42,229)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#2ae5a2
```
#2ae5a2 rgb(42,229,162)
```

Triadic Color

#e52a6d
```
#e52a6d rgb(229,42,109)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#2ae5a2
```
#2ae5a2 rgb(42,229,162)
```
#2a6de5
```
#2a6de5 rgb(42,109,229)
```

Tetradic Color

#ad7715
```
#ad7715 rgb(173,119,21)
```
#c48618
```
#c48618 rgb(196,134,24)
```
#db961b
```
#db961b rgb(219,150,27)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#e8ac41
```
#e8ac41 rgb(232,172,65)
```
#ebb657
```
#ebb657 rgb(235,182,87)
```
#edc06e
```
#edc06e rgb(237,192,110)
```

Monochromatic Color

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

#e5732a
```
#e5732a rgb(229,115,42)
```
#e5832a
```
#e5832a rgb(229,131,42)
```
#e5922a
```
#e5922a rgb(229,146,42)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#e5b22a
```
#e5b22a rgb(229,178,42)
```
#e5c12a
```
#e5c12a rgb(229,193,42)
```
#e5d12a
```
#e5d12a rgb(229,209,42)
```

Similar Colors

Text with hexadecimal color #e5a22a

This text has a font color of #e5a22a.

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

#e5a22a background color

This paragraph has a background color of #e5a22a.

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

#e5a22a border color

This element has a border color of #e5a22a.

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

CSS codes

.text {color:#e5a22a;}

.background {background-color:#e5a22a;}

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

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, #0e0a02 is the darkest color, while #fffefc is the lightest one.

#0e0a02
```
#0e0a02 rgb(14,10,2)
```
#201604
```
#201604 rgb(32,22,4)
```
#312206
```
#312206 rgb(49,34,6)
```
#432e08
```
#432e08 rgb(67,46,8)
```
#543a0a
```
#543a0a rgb(84,58,10)
```
#66460c
```
#66460c rgb(102,70,12)
```
#77520f
```
#77520f rgb(119,82,15)
```
#895e11
```
#895e11 rgb(137,94,17)
```
#9a6a13
```
#9a6a13 rgb(154,106,19)
```
#ac7615
```
#ac7615 rgb(172,118,21)
```
#bd8217
```
#bd8217 rgb(189,130,23)
```
#cf8e19
```
#cf8e19 rgb(207,142,25)
```
#e09a1b
```
#e09a1b rgb(224,154,27)
```

Shade Color Variation

#e5a22a
```
#e5a22a rgb(229,162,42)
```
#e7aa3b
```
#e7aa3b rgb(231,170,59)
```
#e9b14d
```
#e9b14d rgb(233,177,77)
```
#ebb95e
```
#ebb95e rgb(235,185,94)
```
#eec170
```
#eec170 rgb(238,193,112)
```
#f0c881
```
#f0c881 rgb(240,200,129)
```
#f2d093
```
#f2d093 rgb(242,208,147)
```
#f4d7a4
```
#f4d7a4 rgb(244,215,164)
```
#f6dfb6
```
#f6dfb6 rgb(246,223,182)
```
#f8e7c7
```
#f8e7c7 rgb(248,231,199)
```
#faeed9
```
#faeed9 rgb(250,238,217)
```
#fcf6ea
```
#fcf6ea rgb(252,246,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#898886
```
#898886 rgb(137,136,134)
```
#928b7d
```
#928b7d rgb(146,139,125)
```
#9b8d74
```
#9b8d74 rgb(155,141,116)
```
#a5906a
```
#a5906a rgb(165,144,106)
```
#ae9261
```
#ae9261 rgb(174,146,97)
```
#b79558
```
#b79558 rgb(183,149,88)
```
#c0984f
```
#c0984f rgb(192,152,79)
```
#c99a46
```
#c99a46 rgb(201,154,70)
```
#d39d3c
```
#d39d3c rgb(211,157,60)
```
#dc9f33
```
#dc9f33 rgb(220,159,51)
```
#e5a22a
```
#e5a22a rgb(229,162,42)
```
#eea521
```
#eea521 rgb(238,165,33)
```
#f7a718
```
#f7a718 rgb(247,167,24)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b4a78f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b338 Protanopia 1% of men
#deaa33 Deuteranopia 1% of men
#ed9ca7 Tritanopia 0.001% of the population

Trichromacy

#d2ac33 Protanomaly 1% of men, 0.01% of women
#e0a72f Deuteranomaly 6% of men, 0.4% of women
#ea9e79 Tritanomaly 0.01% of the population

#e5a22a hex color

#e5a22a Color Information

#e5a22a Color Conversion

Color Schemes with #e5a22a

Alternatives to #e5a22a

#e5a22a Preview

Shades and Tints of #e5a22a

Tones of #e5a22a

Color Blindness Simulator