#e2af49 hex color

In a RGB color space, hex #e2af49 is composed of 88.6% red, 68.6% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 67.7% yellow and 11.4% black. It has a hue angle of 40 degrees, a saturation of 72.5% and a lightness of 58.6%. #e2af49 color hex could be obtained by blending #ffff92 with #c55f00. Closest websafe color is: #cc9933.

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

● #e2af49 color description : Soft orange.

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

Hex triplet	e2af49	`#e2af49`
RGB Decimal	226, 175, 73	`rgb(226,175,73)`
RGB Percent	88.6, 68.6, 28.6	`rgb(88.6%,68.6%,28.6%)`
CMYK	0, 23, 68, 11
HSL	40°, 72.5, 58.6	`hsl(40,72.5%,58.6%)`
HSV (or HSB)	40°, 67.7, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.389, 8.28, 57.583
XYZ	47.897, 47.312, 12.912
xyY	0.443, 0.438, 47.312
CIE-LCH	74.389, 58.175, 81.817
CIE-LUV	74.389, 41.346, 64.2
Hunter-Lab	68.784, 3.926, 37.018
Binary	11100010, 10101111, 01001001

#e2af49
```
#e2af49 rgb(226,175,73)
```
#497ce2
```
#497ce2 rgb(73,124,226)
```

Complementary Color

#e26249
```
#e26249 rgb(226,98,73)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#c9e249
```
#c9e249 rgb(201,226,73)
```

Analogous Color

#6249e2
```
#6249e2 rgb(98,73,226)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#49c9e2
```
#49c9e2 rgb(73,201,226)
```

Split Complementary Color

#af49e2
```
#af49e2 rgb(175,73,226)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#49e2af
```
#49e2af rgb(73,226,175)
```

Triadic Color

#e2497c
```
#e2497c rgb(226,73,124)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#49e2af
```
#49e2af rgb(73,226,175)
```
#497ce2
```
#497ce2 rgb(73,124,226)
```

Tetradic Color

#c08a1f
```
#c08a1f rgb(192,138,31)
```
#d69a22
```
#d69a22 rgb(214,154,34)
```
#dea533
```
#dea533 rgb(222,165,51)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#e6b95f
```
#e6b95f rgb(230,185,95)
```
#e9c275
```
#e9c275 rgb(233,194,117)
```
#edcc8b
```
#edcc8b rgb(237,204,139)
```

Monochromatic Color

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

#e28949
```
#e28949 rgb(226,137,73)
```
#e29649
```
#e29649 rgb(226,150,73)
```
#e2a249
```
#e2a249 rgb(226,162,73)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#e2bc49
```
#e2bc49 rgb(226,188,73)
```
#e2c949
```
#e2c949 rgb(226,201,73)
```
#e2d549
```
#e2d549 rgb(226,213,73)
```

Similar Colors

Text with hexadecimal color #e2af49

This text has a font color of #e2af49.

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

#e2af49 background color

This paragraph has a background color of #e2af49.

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

#e2af49 border color

This element has a border color of #e2af49.

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

CSS codes

.text {color:#e2af49;}

.background {background-color:#e2af49;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#150f03
```
#150f03 rgb(21,15,3)
```
#261b06
```
#261b06 rgb(38,27,6)
```
#372709
```
#372709 rgb(55,39,9)
```
#48340b
```
#48340b rgb(72,52,11)
```
#59400e
```
#59400e rgb(89,64,14)
```
#6a4c11
```
#6a4c11 rgb(106,76,17)
```
#7b5814
```
#7b5814 rgb(123,88,20)
```
#8b6416
```
#8b6416 rgb(139,100,22)
```
#9c7119
```
#9c7119 rgb(156,113,25)
```
#ad7d1c
```
#ad7d1c rgb(173,125,28)
```
#be891e
```
#be891e rgb(190,137,30)
```
#cf9521
```
#cf9521 rgb(207,149,33)
```

Shade Color Variation

#dda027
```
#dda027 rgb(221,160,39)
```
#dfa838
```
#dfa838 rgb(223,168,56)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#e5b65a
```
#e5b65a rgb(229,182,90)
```
#e7be6b
```
#e7be6b rgb(231,190,107)
```
#eac57c
```
#eac57c rgb(234,197,124)
```
#edcd8d
```
#edcd8d rgb(237,205,141)
```
#efd49e
```
#efd49e rgb(239,212,158)
```
#f2dcaf
```
#f2dcaf rgb(242,220,175)
```
#f5e3bf
```
#f5e3bf rgb(245,227,191)
```
#f8ead0
```
#f8ead0 rgb(248,234,208)
```
#faf2e1
```
#faf2e1 rgb(250,242,225)
```
#fdf9f2
```
#fdf9f2 rgb(253,249,242)
```

Tint Color Variation

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

#999792
```
#999792 rgb(153,151,146)
```
#a1998a
```
#a1998a rgb(161,153,138)
```
#a99c82
```
#a99c82 rgb(169,156,130)
```
#b19f7a
```
#b19f7a rgb(177,159,122)
```
#b9a172
```
#b9a172 rgb(185,161,114)
```
#c2a469
```
#c2a469 rgb(194,164,105)
```
#caa761
```
#caa761 rgb(202,167,97)
```
#d2aa59
```
#d2aa59 rgb(210,170,89)
```
#daac51
```
#daac51 rgb(218,172,81)
```
#e2af49
```
#e2af49 rgb(226,175,73)
```
#eab241
```
#eab241 rgb(234,178,65)
```
#f2b439
```
#f2b439 rgb(242,180,57)
```
#fab731
```
#fab731 rgb(250,183,49)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#bcb29e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba54 Protanopia 1% of men
#e5b252 Deuteranopia 1% of men
#eba8b4 Tritanopia 0.001% of the population

Trichromacy

#d5b650 Protanomaly 1% of men, 0.01% of women
#e4b14f Deuteranomaly 6% of men, 0.4% of women
#e7ab8d Tritanomaly 0.01% of the population

#e2af49 hex color

#e2af49 Color Information

#e2af49 Color Conversion

Color Schemes with #e2af49

Alternatives to #e2af49

#e2af49 Preview

Shades and Tints of #e2af49

Tones of #e2af49

Color Blindness Simulator