#e5a228 hex color

In a RGB color space, hex #e5a228 is composed of 89.8% red, 63.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.3% magenta, 82.5% yellow and 10.2% black. It has a hue angle of 38.7 degrees, a saturation of 78.4% and a lightness of 52.7%. #e5a228 color hex could be obtained by blending #ffff50 with #cb4500. Closest websafe color is: #cc9933.

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

● #e5a228 color description : Bright orange.

The hexadecimal color #e5a228 has RGB values of R:229, G:162, B:40 and CMYK values of C:0, M:0.29, Y:0.83, K:0.1. Its decimal value is 15049256.

Hex triplet	e5a228	`#e5a228`
RGB Decimal	229, 162, 40	`rgb(229,162,40)`
RGB Percent	89.8, 63.5, 15.7	`rgb(89.8%,63.5%,15.7%)`
CMYK	0, 29, 83, 10
HSL	38.7°, 78.4, 52.7	`hsl(38.7,78.4%,52.7%)`
HSV (or HSB)	38.7°, 82.5, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.32, 15.093, 67.354
XYZ	45.617, 42.655, 7.838
xyY	0.475, 0.444, 42.655
CIE-LCH	71.32, 69.024, 77.37
CIE-LUV	71.32, 55.203, 67.828
Hunter-Lab	65.311, 10.383, 38.602
Binary	11100101, 10100010, 00101000

#e5a228
```
#e5a228 rgb(229,162,40)
```
#286be5
```
#286be5 rgb(40,107,229)
```

Complementary Color

#e54328
```
#e54328 rgb(229,67,40)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#cae528
```
#cae528 rgb(202,229,40)
```

Analogous Color

#4328e5
```
#4328e5 rgb(67,40,229)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#28cae5
```
#28cae5 rgb(40,202,229)
```

Split Complementary Color

#a228e5
```
#a228e5 rgb(162,40,229)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#28e5a2
```
#28e5a2 rgb(40,229,162)
```

Triadic Color

#e5286b
```
#e5286b rgb(229,40,107)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#28e5a2
```
#28e5a2 rgb(40,229,162)
```
#286be5
```
#286be5 rgb(40,107,229)
```

Tetradic Color

#ac7615
```
#ac7615 rgb(172,118,21)
```
#c28618
```
#c28618 rgb(194,134,24)
```
#d9961a
```
#d9961a rgb(217,150,26)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#e8ac3f
```
#e8ac3f rgb(232,172,63)
```
#ebb655
```
#ebb655 rgb(235,182,85)
```
#edc06c
```
#edc06c rgb(237,192,108)
```

Monochromatic Color

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

#e57328
```
#e57328 rgb(229,115,40)
```
#e58328
```
#e58328 rgb(229,131,40)
```
#e59228
```
#e59228 rgb(229,146,40)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#e5b228
```
#e5b228 rgb(229,178,40)
```
#e5c228
```
#e5c228 rgb(229,194,40)
```
#e5d128
```
#e5d128 rgb(229,209,40)
```

Similar Colors

Text with hexadecimal color #e5a228

This text has a font color of #e5a228.

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

#e5a228 background color

This paragraph has a background color of #e5a228.

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

#e5a228 border color

This element has a border color of #e5a228.

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

CSS codes

.text {color:#e5a228;}

.background {background-color:#e5a228;}

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

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

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1e1504
```
#1e1504 rgb(30,21,4)
```
#2f2106
```
#2f2106 rgb(47,33,6)
```
#412d08
```
#412d08 rgb(65,45,8)
```
#52390a
```
#52390a rgb(82,57,10)
```
#64450c
```
#64450c rgb(100,69,12)
```
#75510e
```
#75510e rgb(117,81,14)
```
#875d10
```
#875d10 rgb(135,93,16)
```
#986912
```
#986912 rgb(152,105,18)
```
#aa7515
```
#aa7515 rgb(170,117,21)
```
#bb8117
```
#bb8117 rgb(187,129,23)
```
#cd8d19
```
#cd8d19 rgb(205,141,25)
```
#de991b
```
#de991b rgb(222,153,27)
```

Shade Color Variation

#e5a228
```
#e5a228 rgb(229,162,40)
```
#e7aa39
```
#e7aa39 rgb(231,170,57)
```
#e9b14b
```
#e9b14b rgb(233,177,75)
```
#ebb95c
```
#ebb95c rgb(235,185,92)
```
#edc06e
```
#edc06e rgb(237,192,110)
```
#f0c87f
```
#f0c87f rgb(240,200,127)
```
#f2cf91
```
#f2cf91 rgb(242,207,145)
```
#f4d7a2
```
#f4d7a2 rgb(244,215,162)
```
#f6dfb4
```
#f6dfb4 rgb(246,223,180)
```
#f8e6c5
```
#f8e6c5 rgb(248,230,197)
```
#faeed7
```
#faeed7 rgb(250,238,215)
```
#fcf5e8
```
#fcf5e8 rgb(252,245,232)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#888785
```
#888785 rgb(136,135,133)
```
#928a7b
```
#928a7b rgb(146,138,123)
```
#9b8c72
```
#9b8c72 rgb(155,140,114)
```
#a48f69
```
#a48f69 rgb(164,143,105)
```
#ad9260
```
#ad9260 rgb(173,146,96)
```
#b79556
```
#b79556 rgb(183,149,86)
```
#c0974d
```
#c0974d rgb(192,151,77)
```
#c99a44
```
#c99a44 rgb(201,154,68)
```
#d29d3b
```
#d29d3b rgb(210,157,59)
```
#dc9f31
```
#dc9f31 rgb(220,159,49)
```
#e5a228
```
#e5a228 rgb(229,162,40)
```
#eea51f
```
#eea51f rgb(238,165,31)
```
#f8a715
```
#f8a715 rgb(248,167,21)
```

Tone Color Variation

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

Dichromacy

#c7b336 Protanopia 1% of men
#deaa31 Deuteranopia 1% of men
#ed9ca6 Tritanopia 0.001% of the population

Trichromacy

#d2ac31 Protanomaly 1% of men, 0.01% of women
#e0a72d Deuteranomaly 6% of men, 0.4% of women
#ea9e78 Tritanomaly 0.01% of the population

#e5a228 hex color

#e5a228 Color Information

#e5a228 Color Conversion

Color Schemes with #e5a228

Alternatives to #e5a228

#e5a228 Preview

Shades and Tints of #e5a228

Tones of #e5a228

Color Blindness Simulator