#e5a642 hex color

In a RGB color space, hex #e5a642 is composed of 89.8% red, 65.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 71.2% yellow and 10.2% black. It has a hue angle of 36.8 degrees, a saturation of 75.8% and a lightness of 57.8%. #e5a642 color hex could be obtained by blending #ffff84 with #cb4d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 90
- G 65
- B 26
RGB color chart
- C 0
- M 28
- Y 71
- K 10
CMYK color chart

● #e5a642 color description : Bright orange.

The hexadecimal color #e5a642 has RGB values of R:229, G:166, B:66 and CMYK values of C:0, M:0.28, Y:0.71, K:0.1. Its decimal value is 15050306.

Hex triplet	e5a642	`#e5a642`
RGB Decimal	229, 166, 66	`rgb(229,166,66)`
RGB Percent	89.8, 65.1, 25.9	`rgb(89.8%,65.1%,25.9%)`
CMYK	0, 28, 71, 10
HSL	36.8°, 75.8, 57.8	`hsl(36.8,75.8%,57.8%)`
HSV (or HSB)	36.8°, 71.2, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.446, 13.968, 58.678
XYZ	46.934, 44.327, 11.238
xyY	0.458, 0.432, 44.327
CIE-LCH	72.446, 60.318, 76.611
CIE-LUV	72.446, 50.827, 62.875
Hunter-Lab	66.578, 9.32, 36.597
Binary	11100101, 10100110, 01000010

#e5a642
```
#e5a642 rgb(229,166,66)
```
#4281e5
```
#4281e5 rgb(66,129,229)
```

Complementary Color

#e55542
```
#e55542 rgb(229,85,66)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#d3e542
```
#d3e542 rgb(211,229,66)
```

Analogous Color

#5542e5
```
#5542e5 rgb(85,66,229)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#42d3e5
```
#42d3e5 rgb(66,211,229)
```

Split Complementary Color

#a642e5
```
#a642e5 rgb(166,66,229)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#42e5a6
```
#42e5a6 rgb(66,229,166)
```

Triadic Color

#e54281
```
#e54281 rgb(229,66,129)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#42e5a6
```
#42e5a6 rgb(66,229,166)
```
#4281e5
```
#4281e5 rgb(66,129,229)
```

Tetradic Color

#c0801a
```
#c0801a rgb(192,128,26)
```
#d68f1e
```
#d68f1e rgb(214,143,30)
```
#e29b2c
```
#e29b2c rgb(226,155,44)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#e8b158
```
#e8b158 rgb(232,177,88)
```
#ebbb6f
```
#ebbb6f rgb(235,187,111)
```
#eec685
```
#eec685 rgb(238,198,133)
```

Monochromatic Color

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

#e57d42
```
#e57d42 rgb(229,125,66)
```
#e58b42
```
#e58b42 rgb(229,139,66)
```
#e59842
```
#e59842 rgb(229,152,66)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#e5b442
```
#e5b442 rgb(229,180,66)
```
#e5c142
```
#e5c142 rgb(229,193,66)
```
#e5cf42
```
#e5cf42 rgb(229,207,66)
```

Similar Colors

Text with hexadecimal color #e5a642

This text has a font color of #e5a642.

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

#e5a642 background color

This paragraph has a background color of #e5a642.

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

#e5a642 border color

This element has a border color of #e5a642.

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

CSS codes

.text {color:#e5a642;}

.background {background-color:#e5a642;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120c02
```
#120c02 rgb(18,12,2)
```
#231705
```
#231705 rgb(35,23,5)
```
#342307
```
#342307 rgb(52,35,7)
```
#462e0a
```
#462e0a rgb(70,46,10)
```
#573a0c
```
#573a0c rgb(87,58,12)
```
#68450e
```
#68450e rgb(104,69,14)
```
#795111
```
#795111 rgb(121,81,17)
```
#8b5c13
```
#8b5c13 rgb(139,92,19)
```
#9c6815
```
#9c6815 rgb(156,104,21)
```
#ad7318
```
#ad7318 rgb(173,115,24)
```
#be7f1a
```
#be7f1a rgb(190,127,26)
```
#d08a1d
```
#d08a1d rgb(208,138,29)
```

Shade Color Variation

#e09620
```
#e09620 rgb(224,150,32)
```
#e39e31
```
#e39e31 rgb(227,158,49)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#e7ae53
```
#e7ae53 rgb(231,174,83)
```
#eab664
```
#eab664 rgb(234,182,100)
```
#ecbe76
```
#ecbe76 rgb(236,190,118)
```
#eec687
```
#eec687 rgb(238,198,135)
```
#f1cf98
```
#f1cf98 rgb(241,207,152)
```
#f3d7a9
```
#f3d7a9 rgb(243,215,169)
```
#f6dfbb
```
#f6dfbb rgb(246,223,187)
```
#f8e7cc
```
#f8e7cc rgb(248,231,204)
```
#faefdd
```
#faefdd rgb(250,239,221)
```
#fdf7ee
```
#fdf7ee rgb(253,247,238)
```

Tint Color Variation

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

#9b958c
```
#9b958c rgb(155,149,140)
```
#a39784
```
#a39784 rgb(163,151,132)
```
#ab997c
```
#ab997c rgb(171,153,124)
```
#b39b74
```
#b39b74 rgb(179,155,116)
```
#bc9d6b
```
#bc9d6b rgb(188,157,107)
```
#c49e63
```
#c49e63 rgb(196,158,99)
```
#cca05b
```
#cca05b rgb(204,160,91)
```
#d4a253
```
#d4a253 rgb(212,162,83)
```
#dda44a
```
#dda44a rgb(221,164,74)
```
#e5a642
```
#e5a642 rgb(229,166,66)
```
#eda83a
```
#eda83a rgb(237,168,58)
```
#f6aa31
```
#f6aa31 rgb(246,170,49)
```
#feac29
```
#feac29 rgb(254,172,41)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b8ac98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b54f Protanopia 1% of men
#e0ad4a Deuteranopia 1% of men
#eda0ab Tritanopia 0.001% of the population

Trichromacy

#d3b04a Protanomaly 1% of men, 0.01% of women
#e2aa47 Deuteranomaly 6% of men, 0.4% of women
#eaa285 Tritanomaly 0.01% of the population

#e5a642 hex color

#e5a642 Color Information

#e5a642 Color Conversion

Color Schemes with #e5a642

Alternatives to #e5a642

#e5a642 Preview

Shades and Tints of #e5a642

Tones of #e5a642

Color Blindness Simulator