#e2af00 hex color

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

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

● #e2af00 color description : Pure (or mostly pure) yellow.

The hexadecimal color #e2af00 has RGB values of R:226, G:175, B:0 and CMYK values of C:0, M:0.23, Y:1, K:0.11. Its decimal value is 14855936.

Hex triplet	e2af00	`#e2af00`
RGB Decimal	226, 175, 0	`rgb(226,175,0)`
RGB Percent	88.6, 68.6, 0	`rgb(88.6%,68.6%,0%)`
CMYK	0, 23, 100, 11
HSL	46.5°, 100, 44.3	`hsl(46.5,100%,44.3%)`
HSV (or HSB)	46.5°, 100, 88.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	74.082, 6.247, 76.829
XYZ	46.695, 46.831, 6.58
xyY	0.466, 0.468, 46.831
CIE-LCH	74.082, 77.082, 85.351
CIE-LUV	74.082, 43.412, 76.874
Hunter-Lab	68.433, 2.04, 42.202
Binary	11100010, 10101111, 00000000

#e2af00
```
#e2af00 rgb(226,175,0)
```
#0033e2
```
#0033e2 rgb(0,51,226)
```

Complementary Color

#e23e00
```
#e23e00 rgb(226,62,0)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#a4e200
```
#a4e200 rgb(164,226,0)
```

Analogous Color

#3e00e2
```
#3e00e2 rgb(62,0,226)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#00a4e2
```
#00a4e2 rgb(0,164,226)
```

Split Complementary Color

#af00e2
```
#af00e2 rgb(175,0,226)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#00e2af
```
#00e2af rgb(0,226,175)
```

Triadic Color

#e20033
```
#e20033 rgb(226,0,51)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#0033e2
```
#0033e2 rgb(0,51,226)
```

Tetradic Color

#967400
```
#967400 rgb(150,116,0)
```
#af8800
```
#af8800 rgb(175,136,0)
```
#c99b00
```
#c99b00 rgb(201,155,0)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#fcc300
```
#fcc300 rgb(252,195,0)
```
#ffca16
```
#ffca16 rgb(255,202,22)
```
#ffd030
```
#ffd030 rgb(255,208,48)
```

Monochromatic Color

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

#e27700
```
#e27700 rgb(226,119,0)
```
#e28900
```
#e28900 rgb(226,137,0)
```
#e29c00
```
#e29c00 rgb(226,156,0)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#e2c200
```
#e2c200 rgb(226,194,0)
```
#e2d500
```
#e2d500 rgb(226,213,0)
```
#dde200
```
#dde200 rgb(221,226,0)
```

Similar Colors

Text with hexadecimal color #e2af00

This text has a font color of #e2af00.

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

#e2af00 background color

This paragraph has a background color of #e2af00.

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

#e2af00 border color

This element has a border color of #e2af00.

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

CSS codes

.text {color:#e2af00;}

.background {background-color:#e2af00;}

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

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

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1700
```
#1e1700 rgb(30,23,0)
```
#312600
```
#312600 rgb(49,38,0)
```
#453500
```
#453500 rgb(69,53,0)
```
#594500
```
#594500 rgb(89,69,0)
```
#6c5400
```
#6c5400 rgb(108,84,0)
```
#806300
```
#806300 rgb(128,99,0)
```
#947200
```
#947200 rgb(148,114,0)
```
#a78100
```
#a78100 rgb(167,129,0)
```
#bb9100
```
#bb9100 rgb(187,145,0)
```
#cea000
```
#cea000 rgb(206,160,0)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#f6be00
```
#f6be00 rgb(246,190,0)
```

Shade Color Variation

#ffc80a
```
#ffc80a rgb(255,200,10)
```
#ffcc1e
```
#ffcc1e rgb(255,204,30)
```
#ffd131
```
#ffd131 rgb(255,209,49)
```
#ffd545
```
#ffd545 rgb(255,213,69)
```
#ffd959
```
#ffd959 rgb(255,217,89)
```
#ffde6c
```
#ffde6c rgb(255,222,108)
```
#ffe280
```
#ffe280 rgb(255,226,128)
```
#ffe794
```
#ffe794 rgb(255,231,148)
```
#ffeba7
```
#ffeba7 rgb(255,235,167)
```
#fff0bb
```
#fff0bb rgb(255,240,187)
```
#fff4ce
```
#fff4ce rgb(255,244,206)
```
#fff8e2
```
#fff8e2 rgb(255,248,226)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#7a7668
```
#7a7668 rgb(122,118,104)
```
#827b60
```
#827b60 rgb(130,123,96)
```
#8b7f57
```
#8b7f57 rgb(139,127,87)
```
#94844e
```
#94844e rgb(148,132,78)
```
#9c8946
```
#9c8946 rgb(156,137,70)
```
#a58e3d
```
#a58e3d rgb(165,142,61)
```
#ae9234
```
#ae9234 rgb(174,146,52)
```
#b7972b
```
#b7972b rgb(183,151,43)
```
#bf9c23
```
#bf9c23 rgb(191,156,35)
```
#c8a11a
```
#c8a11a rgb(200,161,26)
```
#d1a511
```
#d1a511 rgb(209,165,17)
```
#d9aa09
```
#d9aa09 rgb(217,170,9)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b5ab88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba0d Protanopia 1% of men
#e8b00f Deuteranopia 1% of men
#eca7b2 Tritanopia 0.001% of the population

Trichromacy

#d6b608 Protanomaly 1% of men, 0.01% of women
#e6b009 Deuteranomaly 6% of men, 0.4% of women
#e8aa71 Tritanomaly 0.01% of the population

#e2af00 hex color

#e2af00 Color Information

#e2af00 Color Conversion

Color Schemes with #e2af00

Alternatives to #e2af00

#e2af00 Preview

Shades and Tints of #e2af00

Tones of #e2af00

Color Blindness Simulator