colorhexa.com

#e5b220 hex color

In a RGB color space, hex #e5b220 is composed of 89.8% red, 69.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 86% yellow and 10.2% black. It has a hue angle of 44.5 degrees, a saturation of 79.1% and a lightness of 51.2%. #e5b220 color hex could be obtained by blending #ffff40 with #cb6500. Closest websafe color is: #cc9933.

- R 90
- G 70
- B 13
RGB color chart
- C 0
- M 22
- Y 86
- K 10
CMYK color chart

● #e5b220 color description : Vivid orange.

The hexadecimal color #e5b220 has RGB values of R:229, G:178, B:32 and CMYK values of C:0, M:0.22, Y:0.86, K:0.1. Its decimal value is 15053344.

Hex triplet	e5b220	`#e5b220`
RGB Decimal	229, 178, 32	`rgb(229,178,32)`
RGB Percent	89.8, 69.8, 12.5	`rgb(89.8%,69.8%,12.5%)`
CMYK	0, 22, 86, 10
HSL	44.5°, 79.1, 51.2	`hsl(44.5,79.1%,51.2%)`
HSV (or HSB)	44.5°, 86, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	75.205, 6.41, 72.812
XYZ	48.495, 48.606, 8.194
xyY	0.461, 0.462, 48.606
CIE-LCH	75.205, 73.093, 84.969
CIE-LUV	75.205, 43, 75.284
Hunter-Lab	69.718, 2.157, 41.834
Binary	11100101, 10110010, 00100000

#e5b220
```
#e5b220 rgb(229,178,32)
```
#2053e5
```
#2053e5 rgb(32,83,229)
```

Complementary Color

#e55020
```
#e55020 rgb(229,80,32)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#b6e520
```
#b6e520 rgb(182,229,32)
```

Analogous Color

#5020e5
```
#5020e5 rgb(80,32,229)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#20b6e5
```
#20b6e5 rgb(32,182,229)
```

Split Complementary Color

#b220e5
```
#b220e5 rgb(178,32,229)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#20e5b2
```
#20e5b2 rgb(32,229,178)
```

Triadic Color

#e52053
```
#e52053 rgb(229,32,83)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#20e5b2
```
#20e5b2 rgb(32,229,178)
```
#2053e5
```
#2053e5 rgb(32,83,229)
```

Tetradic Color

#a57f13
```
#a57f13 rgb(165,127,19)
```
#bc9116
```
#bc9116 rgb(188,145,22)
```
#d3a319
```
#d3a319 rgb(211,163,25)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#e8ba37
```
#e8ba37 rgb(232,186,55)
```
#eac24e
```
#eac24e rgb(234,194,78)
```
#edca65
```
#edca65 rgb(237,202,101)
```

Monochromatic Color

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

#e58120
```
#e58120 rgb(229,129,32)
```
#e59120
```
#e59120 rgb(229,145,32)
```
#e5a220
```
#e5a220 rgb(229,162,32)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#e5c220
```
#e5c220 rgb(229,194,32)
```
#e5d320
```
#e5d320 rgb(229,211,32)
```
#e5e320
```
#e5e320 rgb(229,227,32)
```

Similar Colors

Text with hexadecimal color #e5b220

This text has a font color of #e5b220.

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

#e5b220 background color

This paragraph has a background color of #e5b220.

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

#e5b220 border color

This element has a border color of #e5b220.

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

CSS codes

.text {color:#e5b220;}

.background {background-color:#e5b220;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#171203
```
#171203 rgb(23,18,3)
```
#291f05
```
#291f05 rgb(41,31,5)
```
#3a2d07
```
#3a2d07 rgb(58,45,7)
```
#4c3a09
```
#4c3a09 rgb(76,58,9)
```
#5d480b
```
#5d480b rgb(93,72,11)
```
#6f550d
```
#6f550d rgb(111,85,13)
```
#80630f
```
#80630f rgb(128,99,15)
```
#927111
```
#927111 rgb(146,113,17)
```
#a37e13
```
#a37e13 rgb(163,126,19)
```
#b58c15
```
#b58c15 rgb(181,140,21)
```
#c79917
```
#c79917 rgb(199,153,23)
```
#d8a719
```
#d8a719 rgb(216,167,25)
```

Shade Color Variation

#e5b220
```
#e5b220 rgb(229,178,32)
```
#e7b832
```
#e7b832 rgb(231,184,50)
```
#e9be43
```
#e9be43 rgb(233,190,67)
```
#ebc455
```
#ebc455 rgb(235,196,85)
```
#edca66
```
#edca66 rgb(237,202,102)
```
#efd078
```
#efd078 rgb(239,208,120)
```
#f1d689
```
#f1d689 rgb(241,214,137)
```
#f3dc9b
```
#f3dc9b rgb(243,220,155)
```
#f5e3ad
```
#f5e3ad rgb(245,227,173)
```
#f7e9be
```
#f7e9be rgb(247,233,190)
```
#f9efd0
```
#f9efd0 rgb(249,239,208)
```
#fcf5e1
```
#fcf5e1 rgb(252,245,225)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#858480
```
#858480 rgb(133,132,128)
```
#8f8876
```
#8f8876 rgb(143,136,118)
```
#988d6d
```
#988d6d rgb(152,141,109)
```
#a29263
```
#a29263 rgb(162,146,99)
```
#ac9659
```
#ac9659 rgb(172,150,89)
```
#b59b50
```
#b59b50 rgb(181,155,80)
```
#bfa046
```
#bfa046 rgb(191,160,70)
```
#c8a43d
```
#c8a43d rgb(200,164,61)
```
#d2a933
```
#d2a933 rgb(210,169,51)
```
#dbad2a
```
#dbad2a rgb(219,173,42)
```
#e5b220
```
#e5b220 rgb(229,178,32)
```
#efb716
```
#efb716 rgb(239,183,22)
```
#f8bb0d
```
#f8bb0d rgb(248,187,13)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bbb194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd2d Protanopia 1% of men
#ebb32d Deuteranopia 1% of men
#efaab5 Tritanopia 0.001% of the population

Trichromacy

#d9b928 Protanomaly 1% of men, 0.01% of women
#e9b328 Deuteranomaly 6% of men, 0.4% of women
#ebad7f Tritanomaly 0.01% of the population