colorhexa.com

#e4ad45 hex color

In a RGB color space, hex #e4ad45 is composed of 89.4% red, 67.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 69.7% yellow and 10.6% black. It has a hue angle of 39.2 degrees, a saturation of 74.6% and a lightness of 58.2%. #e4ad45 color hex could be obtained by blending #ffff8a with #c95b00. Closest websafe color is: #cc9933.

- R 89
- G 68
- B 27
RGB color chart
- C 0
- M 24
- Y 70
- K 11
CMYK color chart

● #e4ad45 color description : Soft orange.

The hexadecimal color #e4ad45 has RGB values of R:228, G:173, B:69 and CMYK values of C:0, M:0.24, Y:0.7, K:0.11. Its decimal value is 14986565.

Hex triplet	e4ad45	`#e4ad45`
RGB Decimal	228, 173, 69	`rgb(228,173,69)`
RGB Percent	89.4, 67.8, 27.1	`rgb(89.4%,67.8%,27.1%)`
CMYK	0, 24, 70, 11
HSL	39.2°, 74.6, 58.2	`hsl(39.2,74.6%,58.2%)`
HSV (or HSB)	39.2°, 69.7, 89.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.07, 9.976, 59.041
XYZ	48.013, 46.813, 12.137
xyY	0.449, 0.438, 46.813
CIE-LCH	74.07, 59.877, 80.41
CIE-LUV	74.07, 44.592, 64.774
Hunter-Lab	68.42, 5.526, 37.377
Binary	11100100, 10101101, 01000101

#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#457ce4
```
#457ce4 rgb(69,124,228)
```

Complementary Color

#e45e45
```
#e45e45 rgb(228,94,69)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#cce445
```
#cce445 rgb(204,228,69)
```

Analogous Color

#5e45e4
```
#5e45e4 rgb(94,69,228)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#45cce4
```
#45cce4 rgb(69,204,228)
```

Split Complementary Color

#ad45e4
```
#ad45e4 rgb(173,69,228)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#45e4ad
```
#45e4ad rgb(69,228,173)
```

Triadic Color

#e4457c
```
#e4457c rgb(228,69,124)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#45e4ad
```
#45e4ad rgb(69,228,173)
```
#457ce4
```
#457ce4 rgb(69,124,228)
```

Tetradic Color

#c1881c
```
#c1881c rgb(193,136,28)
```
#d7971f
```
#d7971f rgb(215,151,31)
```
#e1a32f
```
#e1a32f rgb(225,163,47)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#e7b75b
```
#e7b75b rgb(231,183,91)
```
#eac172
```
#eac172 rgb(234,193,114)
```
#eeca88
```
#eeca88 rgb(238,202,136)
```

Monochromatic Color

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

#e48545
```
#e48545 rgb(228,133,69)
```
#e49345
```
#e49345 rgb(228,147,69)
```
#e4a045
```
#e4a045 rgb(228,160,69)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#e4ba45
```
#e4ba45 rgb(228,186,69)
```
#e4c845
```
#e4c845 rgb(228,200,69)
```
#e4d545
```
#e4d545 rgb(228,213,69)
```

Similar Colors

Text with hexadecimal color #e4ad45

This text has a font color of #e4ad45.

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

#e4ad45 background color

This paragraph has a background color of #e4ad45.

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

#e4ad45 border color

This element has a border color of #e4ad45.

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

CSS codes

.text {color:#e4ad45;}

.background {background-color:#e4ad45;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140e03
```
#140e03 rgb(20,14,3)
```
#251a05
```
#251a05 rgb(37,26,5)
```
#362608
```
#362608 rgb(54,38,8)
```
#47320a
```
#47320a rgb(71,50,10)
```
#583e0d
```
#583e0d rgb(88,62,13)
```
#694a0f
```
#694a0f rgb(105,74,15)
```
#7a5612
```
#7a5612 rgb(122,86,18)
```
#8b6214
```
#8b6214 rgb(139,98,20)
```
#9d6e17
```
#9d6e17 rgb(157,110,23)
```
#ae7a19
```
#ae7a19 rgb(174,122,25)
```
#bf861c
```
#bf861c rgb(191,134,28)
```
#d0921e
```
#d0921e rgb(208,146,30)
```

Shade Color Variation

#df9e23
```
#df9e23 rgb(223,158,35)
```
#e2a534
```
#e2a534 rgb(226,165,52)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#e6b556
```
#e6b556 rgb(230,181,86)
```
#e9bc67
```
#e9bc67 rgb(233,188,103)
```
#ebc478
```
#ebc478 rgb(235,196,120)
```
#eecb8a
```
#eecb8a rgb(238,203,138)
```
#f0d39b
```
#f0d39b rgb(240,211,155)
```
#f3daac
```
#f3daac rgb(243,218,172)
```
#f5e2bd
```
#f5e2bd rgb(245,226,189)
```
#f8e9ce
```
#f8e9ce rgb(248,233,206)
```
#faf1df
```
#faf1df rgb(250,241,223)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#9a968f
```
#9a968f rgb(154,150,143)
```
#a29987
```
#a29987 rgb(162,153,135)
```
#ab9b7e
```
#ab9b7e rgb(171,155,126)
```
#b39e76
```
#b39e76 rgb(179,158,118)
```
#bba06e
```
#bba06e rgb(187,160,110)
```
#c3a366
```
#c3a366 rgb(195,163,102)
```
#cba55e
```
#cba55e rgb(203,165,94)
```
#d4a855
```
#d4a855 rgb(212,168,85)
```
#dcaa4d
```
#dcaa4d rgb(220,170,77)
```
#e4ad45
```
#e4ad45 rgb(228,173,69)
```
#ecb03d
```
#ecb03d rgb(236,176,61)
```
#f4b235
```
#f4b235 rgb(244,178,53)
```
#fdb52c
```
#fdb52c rgb(253,181,44)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#bcb19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba51 Protanopia 1% of men
#e5b14e Deuteranopia 1% of men
#eda6b2 Tritanopia 0.001% of the population

Trichromacy

#d6b54c Protanomaly 1% of men, 0.01% of women
#e4af4b Deuteranomaly 6% of men, 0.4% of women
#e9a98a Tritanomaly 0.01% of the population