#e2af0a hex color

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

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

● #e2af0a color description : Vivid yellow.

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

Hex triplet	e2af0a	`#e2af0a`
RGB Decimal	226, 175, 10	`rgb(226,175,10)`
RGB Percent	88.6, 68.6, 3.9	`rgb(88.6%,68.6%,3.9%)`
CMYK	0, 23, 96, 11
HSL	45.8°, 91.5, 46.3	`hsl(45.8,91.5%,46.3%)`
HSV (or HSB)	45.8°, 95.6, 88.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	74.096, 6.341, 75.722
XYZ	46.75, 46.853, 6.868
xyY	0.465, 0.466, 46.853
CIE-LCH	74.096, 75.987, 85.213
CIE-LUV	74.096, 43.315, 76.279
Hunter-Lab	68.449, 2.126, 41.965
Binary	11100010, 10101111, 00001010

#e2af0a
```
#e2af0a rgb(226,175,10)
```
#0a3de2
```
#0a3de2 rgb(10,61,226)
```

Complementary Color

#e2430a
```
#e2430a rgb(226,67,10)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#a9e20a
```
#a9e20a rgb(169,226,10)
```

Analogous Color

#430ae2
```
#430ae2 rgb(67,10,226)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#0aa9e2
```
#0aa9e2 rgb(10,169,226)
```

Split Complementary Color

#af0ae2
```
#af0ae2 rgb(175,10,226)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#0ae2af
```
#0ae2af rgb(10,226,175)
```

Triadic Color

#e20a3d
```
#e20a3d rgb(226,10,61)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#0ae2af
```
#0ae2af rgb(10,226,175)
```
#0a3de2
```
#0a3de2 rgb(10,61,226)
```

Tetradic Color

#997607
```
#997607 rgb(153,118,7)
```
#b18908
```
#b18908 rgb(177,137,8)
```
#ca9c09
```
#ca9c09 rgb(202,156,9)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#f4bf11
```
#f4bf11 rgb(244,191,17)
```
#f6c529
```
#f6c529 rgb(246,197,41)
```
#f7cc42
```
#f7cc42 rgb(247,204,66)
```

Monochromatic Color

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

#e2790a
```
#e2790a rgb(226,121,10)
```
#e28b0a
```
#e28b0a rgb(226,139,10)
```
#e29d0a
```
#e29d0a rgb(226,157,10)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#e2c10a
```
#e2c10a rgb(226,193,10)
```
#e2d30a
```
#e2d30a rgb(226,211,10)
```
#dfe20a
```
#dfe20a rgb(223,226,10)
```

Similar Colors

Text with hexadecimal color #e2af0a

This text has a font color of #e2af0a.

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

#e2af0a background color

This paragraph has a background color of #e2af0a.

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

#e2af0a border color

This element has a border color of #e2af0a.

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

CSS codes

.text {color:#e2af0a;}

.background {background-color:#e2af0a;}

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

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 #fefaed is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130f01
```
#130f01 rgb(19,15,1)
```
#261e02
```
#261e02 rgb(38,30,2)
```
#392c03
```
#392c03 rgb(57,44,3)
```
#4c3b03
```
#4c3b03 rgb(76,59,3)
```
#5f4904
```
#5f4904 rgb(95,73,4)
```
#715805
```
#715805 rgb(113,88,5)
```
#846606
```
#846606 rgb(132,102,6)
```
#977507
```
#977507 rgb(151,117,7)
```
#aa8308
```
#aa8308 rgb(170,131,8)
```
#bc9208
```
#bc9208 rgb(188,146,8)
```
#cfa009
```
#cfa009 rgb(207,160,9)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```

Shade Color Variation

#f4bd0b
```
#f4bd0b rgb(244,189,11)
```
#f5c21e
```
#f5c21e rgb(245,194,30)
```
#f6c731
```
#f6c731 rgb(246,199,49)
```
#f7cc44
```
#f7cc44 rgb(247,204,68)
```
#f8d257
```
#f8d257 rgb(248,210,87)
```
#f8d769
```
#f8d769 rgb(248,215,105)
```
#f9dc7c
```
#f9dc7c rgb(249,220,124)
```
#fae18f
```
#fae18f rgb(250,225,143)
```
#fbe6a2
```
#fbe6a2 rgb(251,230,162)
```
#fcebb4
```
#fcebb4 rgb(252,235,180)
```
#fdf0c7
```
#fdf0c7 rgb(253,240,199)
```
#fdf5da
```
#fdf5da rgb(253,245,218)
```
#fefaed
```
#fefaed rgb(254,250,237)
```

Tint Color Variation

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

#7e7a6e
```
#7e7a6e rgb(126,122,110)
```
#877f65
```
#877f65 rgb(135,127,101)
```
#90845c
```
#90845c rgb(144,132,92)
```
#998953
```
#998953 rgb(153,137,83)
```
#a28d4a
```
#a28d4a rgb(162,141,74)
```
#ac9240
```
#ac9240 rgb(172,146,64)
```
#b59737
```
#b59737 rgb(181,151,55)
```
#be9c2e
```
#be9c2e rgb(190,156,46)
```
#c7a125
```
#c7a125 rgb(199,161,37)
```
#d0a51c
```
#d0a51c rgb(208,165,28)
```
#d9aa13
```
#d9aa13 rgb(217,170,19)
```
#e2af0a
```
#e2af0a rgb(226,175,10)
```
#ebb401
```
#ebb401 rgb(235,180,1)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b6ac8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba19 Protanopia 1% of men
#e8b01a Deuteranopia 1% of men
#eca7b2 Tritanopia 0.001% of the population

Trichromacy

#d6b614 Protanomaly 1% of men, 0.01% of women
#e6b014 Deuteranomaly 6% of men, 0.4% of women
#e8aa75 Tritanomaly 0.01% of the population

#e2af0a hex color

#e2af0a Color Information

#e2af0a Color Conversion

Color Schemes with #e2af0a

Alternatives to #e2af0a

#e2af0a Preview

Shades and Tints of #e2af0a

Tones of #e2af0a

Color Blindness Simulator