#e2a500 hex color

In a RGB color space, hex #e2a500 is composed of 88.6% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 100% yellow and 11.4% black. It has a hue angle of 43.8 degrees, a saturation of 100% and a lightness of 44.3%. #e2a500 color hex could be obtained by blending #ffff00 with #c54b00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 89
- G 65
- B 0
RGB color chart
- C 0
- M 27
- Y 100
- K 11
CMYK color chart

● #e2a500 color description : Pure (or mostly pure) orange.

The hexadecimal color #e2a500 has RGB values of R:226, G:165, B:0 and CMYK values of C:0, M:0.27, Y:1, K:0.11. Its decimal value is 14853376.

Hex triplet	e2a500	`#e2a500`
RGB Decimal	226, 165, 0	`rgb(226,165,0)`
RGB Percent	88.6, 64.7, 0	`rgb(88.6%,64.7%,0%)`
CMYK	0, 27, 100, 11
HSL	43.8°, 100, 44.3	`hsl(43.8,100%,44.3%)`
HSV (or HSB)	43.8°, 100, 88.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.61, 11.547, 75.135
XYZ	44.82, 43.082, 5.955
xyY	0.478, 0.459, 43.082
CIE-LCH	71.61, 76.018, 81.263
CIE-LUV	71.61, 51.254, 73.18
Hunter-Lab	65.637, 7.025, 40.566
Binary	11100010, 10100101, 00000000

#e2a500
```
#e2a500 rgb(226,165,0)
```
#003de2
```
#003de2 rgb(0,61,226)
```

Complementary Color

#e23400
```
#e23400 rgb(226,52,0)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#aee200
```
#aee200 rgb(174,226,0)
```

Analogous Color

#3400e2
```
#3400e2 rgb(52,0,226)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#00aee2
```
#00aee2 rgb(0,174,226)
```

Split Complementary Color

#a500e2
```
#a500e2 rgb(165,0,226)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#00e2a5
```
#00e2a5 rgb(0,226,165)
```

Triadic Color

#e2003d
```
#e2003d rgb(226,0,61)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#00e2a5
```
#00e2a5 rgb(0,226,165)
```
#003de2
```
#003de2 rgb(0,61,226)
```

Tetradic Color

#966d00
```
#966d00 rgb(150,109,0)
```
#af8000
```
#af8000 rgb(175,128,0)
```
#c99200
```
#c99200 rgb(201,146,0)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#fcb800
```
#fcb800 rgb(252,184,0)
```
#ffc016
```
#ffc016 rgb(255,192,22)
```
#ffc730
```
#ffc730 rgb(255,199,48)
```

Monochromatic Color

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

#e26d00
```
#e26d00 rgb(226,109,0)
```
#e27f00
```
#e27f00 rgb(226,127,0)
```
#e29200
```
#e29200 rgb(226,146,0)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#e2b800
```
#e2b800 rgb(226,184,0)
```
#e2cb00
```
#e2cb00 rgb(226,203,0)
```
#e2de00
```
#e2de00 rgb(226,222,0)
```

Similar Colors

Text with hexadecimal color #e2a500

This text has a font color of #e2a500.

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

#e2a500 background color

This paragraph has a background color of #e2a500.

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

#e2a500 border color

This element has a border color of #e2a500.

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

CSS codes

.text {color:#e2a500;}

.background {background-color:#e2a500;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#312400
```
#312400 rgb(49,36,0)
```
#453200
```
#453200 rgb(69,50,0)
```
#594100
```
#594100 rgb(89,65,0)
```
#6c4f00
```
#6c4f00 rgb(108,79,0)
```
#805d00
```
#805d00 rgb(128,93,0)
```
#946c00
```
#946c00 rgb(148,108,0)
```
#a77a00
```
#a77a00 rgb(167,122,0)
```
#bb8800
```
#bb8800 rgb(187,136,0)
```
#ce9700
```
#ce9700 rgb(206,151,0)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```
#f6b300
```
#f6b300 rgb(246,179,0)
```

Shade Color Variation

#ffbd0a
```
#ffbd0a rgb(255,189,10)
```
#ffc21e
```
#ffc21e rgb(255,194,30)
```
#ffc831
```
#ffc831 rgb(255,200,49)
```
#ffcd45
```
#ffcd45 rgb(255,205,69)
```
#ffd259
```
#ffd259 rgb(255,210,89)
```
#ffd76c
```
#ffd76c rgb(255,215,108)
```
#ffdd80
```
#ffdd80 rgb(255,221,128)
```
#ffe294
```
#ffe294 rgb(255,226,148)
```
#ffe7a7
```
#ffe7a7 rgb(255,231,167)
```
#ffedbb
```
#ffedbb rgb(255,237,187)
```
#fff2ce
```
#fff2ce rgb(255,242,206)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#7a7568
```
#7a7568 rgb(122,117,104)
```
#827960
```
#827960 rgb(130,121,96)
```
#8b7d57
```
#8b7d57 rgb(139,125,87)
```
#94814e
```
#94814e rgb(148,129,78)
```
#9c8546
```
#9c8546 rgb(156,133,70)
```
#a5893d
```
#a5893d rgb(165,137,61)
```
#ae8d34
```
#ae8d34 rgb(174,141,52)
```
#b7912b
```
#b7912b rgb(183,145,43)
```
#bf9523
```
#bf9523 rgb(191,149,35)
```
#c8991a
```
#c8991a rgb(200,153,26)
```
#d19d11
```
#d19d11 rgb(209,157,17)
```
#d9a109
```
#d9a109 rgb(217,161,9)
```
#e2a500
```
#e2a500 rgb(226,165,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b0a483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b30f Protanopia 1% of men
#e0aa00 Deuteranopia 1% of men
#eb9ea9 Tritanopia 0.001% of the population

Trichromacy

#d2ae09 Protanomaly 1% of men, 0.01% of women
#e1a800 Deuteranomaly 6% of men, 0.4% of women
#e8a06b Tritanomaly 0.01% of the population

#e2a500 hex color

#e2a500 Color Information

#e2a500 Color Conversion

Color Schemes with #e2a500

Alternatives to #e2a500

#e2a500 Preview

Shades and Tints of #e2a500

Tones of #e2a500

Color Blindness Simulator