#e2af4c hex color

In a RGB color space, hex #e2af4c is composed of 88.6% red, 68.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 66.4% yellow and 11.4% black. It has a hue angle of 39.6 degrees, a saturation of 72.1% and a lightness of 59.2%. #e2af4c color hex could be obtained by blending #ffff98 with #c55f00. Closest websafe color is: #cc9933.

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

● #e2af4c color description : Soft orange.

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

Hex triplet	e2af4c	`#e2af4c`
RGB Decimal	226, 175, 76	`rgb(226,175,76)`
RGB Percent	88.6, 68.6, 29.8	`rgb(88.6%,68.6%,29.8%)`
CMYK	0, 23, 66, 11
HSL	39.6°, 72.1, 59.2	`hsl(39.6,72.1%,59.2%)`
HSV (or HSB)	39.6°, 66.4, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.415, 8.451, 56.285
XYZ	47.999, 47.353, 13.449
xyY	0.441, 0.435, 47.353
CIE-LCH	74.415, 56.915, 81.461
CIE-LUV	74.415, 41.177, 63.162
Hunter-Lab	68.813, 4.085, 36.582
Binary	11100010, 10101111, 01001100

#e2af4c
```
#e2af4c rgb(226,175,76)
```
#4c7fe2
```
#4c7fe2 rgb(76,127,226)
```

Complementary Color

#e2644c
```
#e2644c rgb(226,100,76)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#cae24c
```
#cae24c rgb(202,226,76)
```

Analogous Color

#644ce2
```
#644ce2 rgb(100,76,226)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#4ccae2
```
#4ccae2 rgb(76,202,226)
```

Split Complementary Color

#af4ce2
```
#af4ce2 rgb(175,76,226)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#4ce2af
```
#4ce2af rgb(76,226,175)
```

Triadic Color

#e24c7f
```
#e24c7f rgb(226,76,127)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#4ce2af
```
#4ce2af rgb(76,226,175)
```
#4c7fe2
```
#4c7fe2 rgb(76,127,226)
```

Tetradic Color

#c28b1f
```
#c28b1f rgb(194,139,31)
```
#d89a23
```
#d89a23 rgb(216,154,35)
```
#dea536
```
#dea536 rgb(222,165,54)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#e6b962
```
#e6b962 rgb(230,185,98)
```
#e9c378
```
#e9c378 rgb(233,195,120)
```
#edcc8e
```
#edcc8e rgb(237,204,142)
```

Monochromatic Color

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

#e28a4c
```
#e28a4c rgb(226,138,76)
```
#e2964c
```
#e2964c rgb(226,150,76)
```
#e2a34c
```
#e2a34c rgb(226,163,76)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#e2bc4c
```
#e2bc4c rgb(226,188,76)
```
#e2c84c
```
#e2c84c rgb(226,200,76)
```
#e2d54c
```
#e2d54c rgb(226,213,76)
```

Similar Colors

Text with hexadecimal color #e2af4c

This text has a font color of #e2af4c.

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

#e2af4c background color

This paragraph has a background color of #e2af4c.

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

#e2af4c border color

This element has a border color of #e2af4c.

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

CSS codes

.text {color:#e2af4c;}

.background {background-color:#e2af4c;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181104
```
#181104 rgb(24,17,4)
```
#281d07
```
#281d07 rgb(40,29,7)
```
#392909
```
#392909 rgb(57,41,9)
```
#4a350c
```
#4a350c rgb(74,53,12)
```
#5b410f
```
#5b410f rgb(91,65,15)
```
#6c4d11
```
#6c4d11 rgb(108,77,17)
```
#7d5914
```
#7d5914 rgb(125,89,20)
```
#8e6517
```
#8e6517 rgb(142,101,23)
```
#9f711a
```
#9f711a rgb(159,113,26)
```
#af7d1c
```
#af7d1c rgb(175,125,28)
```
#c08a1f
```
#c08a1f rgb(192,138,31)
```
#d19622
```
#d19622 rgb(209,150,34)
```

Shade Color Variation

#dda02a
```
#dda02a rgb(221,160,42)
```
#dfa73b
```
#dfa73b rgb(223,167,59)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#e5b75d
```
#e5b75d rgb(229,183,93)
```
#e7be6e
```
#e7be6e rgb(231,190,110)
```
#eac67f
```
#eac67f rgb(234,198,127)
```
#edcd90
```
#edcd90 rgb(237,205,144)
```
#f0d5a0
```
#f0d5a0 rgb(240,213,160)
```
#f2dcb1
```
#f2dcb1 rgb(242,220,177)
```
#f5e4c2
```
#f5e4c2 rgb(245,228,194)
```
#f8ebd3
```
#f8ebd3 rgb(248,235,211)
```
#fbf3e4
```
#fbf3e4 rgb(251,243,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#9a9894
```
#9a9894 rgb(154,152,148)
```
#a29b8c
```
#a29b8c rgb(162,155,140)
```
#aa9d84
```
#aa9d84 rgb(170,157,132)
```
#b2a07c
```
#b2a07c rgb(178,160,124)
```
#baa274
```
#baa274 rgb(186,162,116)
```
#c2a56c
```
#c2a56c rgb(194,165,108)
```
#caa764
```
#caa764 rgb(202,167,100)
```
#d2aa5c
```
#d2aa5c rgb(210,170,92)
```
#daac54
```
#daac54 rgb(218,172,84)
```
#e2af4c
```
#e2af4c rgb(226,175,76)
```
#eab244
```
#eab244 rgb(234,178,68)
```
#f2b43c
```
#f2b43c rgb(242,180,60)
```
#fab734
```
#fab734 rgb(250,183,52)
```

Tone Color Variation

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

#ceba57 Protanopia 1% of men
#e5b255 Deuteranopia 1% of men
#eba9b4 Tritanopia 0.001% of the population

Trichromacy

#d5b653 Protanomaly 1% of men, 0.01% of women
#e4b152 Deuteranomaly 6% of men, 0.4% of women
#e7ab8e Tritanomaly 0.01% of the population

#e2af4c hex color

#e2af4c Color Information

#e2af4c Color Conversion

Color Schemes with #e2af4c

Alternatives to #e2af4c

#e2af4c Preview

Shades and Tints of #e2af4c

Tones of #e2af4c

Color Blindness Simulator