#e2a957 hex color

In a RGB color space, hex #e2a957 is composed of 88.6% red, 66.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 61.5% yellow and 11.4% black. It has a hue angle of 35.4 degrees, a saturation of 70.6% and a lightness of 61.4%. #e2a957 color hex could be obtained by blending #ffffae with #c55300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 89
- G 66
- B 34
RGB color chart
- C 0
- M 25
- Y 62
- K 11
CMYK color chart

● #e2a957 color description : Soft orange.

The hexadecimal color #e2a957 has RGB values of R:226, G:169, B:87 and CMYK values of C:0, M:0.25, Y:0.62, K:0.11. Its decimal value is 14854487.

Hex triplet	e2a957	`#e2a957`
RGB Decimal	226, 169, 87	`rgb(226,169,87)`
RGB Percent	88.6, 66.3, 34.1	`rgb(88.6%,66.3%,34.1%)`
CMYK	0, 25, 62, 11
HSL	35.4°, 70.6, 61.4	`hsl(35.4,70.6%,61.4%)`
HSV (or HSB)	35.4°, 61.5, 88.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.047, 12.33, 49.647
XYZ	47.273, 45.235, 15.258
xyY	0.439, 0.42, 45.235
CIE-LCH	73.047, 51.155, 76.052
CIE-LUV	73.047, 44.852, 56.319
Hunter-Lab	67.257, 7.762, 33.63
Binary	11100010, 10101001, 01010111

#e2a957
```
#e2a957 rgb(226,169,87)
```
#5790e2
```
#5790e2 rgb(87,144,226)
```

Complementary Color

#e26457
```
#e26457 rgb(226,100,87)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#d6e257
```
#d6e257 rgb(214,226,87)
```

Analogous Color

#6457e2
```
#6457e2 rgb(100,87,226)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#57d6e2
```
#57d6e2 rgb(87,214,226)
```

Split Complementary Color

#a957e2
```
#a957e2 rgb(169,87,226)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#57e2a9
```
#57e2a9 rgb(87,226,169)
```

Triadic Color

#e25790
```
#e25790 rgb(226,87,144)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#57e2a9
```
#57e2a9 rgb(87,226,169)
```
#5790e2
```
#5790e2 rgb(87,144,226)
```

Tetradic Color

#ca8523
```
#ca8523 rgb(202,133,35)
```
#da932c
```
#da932c rgb(218,147,44)
```
#de9e41
```
#de9e41 rgb(222,158,65)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#e6b46d
```
#e6b46d rgb(230,180,109)
```
#eabf82
```
#eabf82 rgb(234,191,130)
```
#edca98
```
#edca98 rgb(237,202,152)
```

Monochromatic Color

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

#e28657
```
#e28657 rgb(226,134,87)
```
#e29257
```
#e29257 rgb(226,146,87)
```
#e29d57
```
#e29d57 rgb(226,157,87)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#e2b557
```
#e2b557 rgb(226,181,87)
```
#e2c057
```
#e2c057 rgb(226,192,87)
```
#e2cc57
```
#e2cc57 rgb(226,204,87)
```

Similar Colors

Text with hexadecimal color #e2a957

This text has a font color of #e2a957.

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

#e2a957 background color

This paragraph has a background color of #e2a957.

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

#e2a957 border color

This element has a border color of #e2a957.

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

CSS codes

.text {color:#e2a957;}

.background {background-color:#e2a957;}

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

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, #100b03 is the darkest color, while #fffffe is the lightest one.

#100b03
```
#100b03 rgb(16,11,3)
```
#211606
```
#211606 rgb(33,22,6)
```
#312109
```
#312109 rgb(49,33,9)
```
#422c0b
```
#422c0b rgb(66,44,11)
```
#53370e
```
#53370e rgb(83,55,14)
```
#644211
```
#644211 rgb(100,66,17)
```
#744d14
```
#744d14 rgb(116,77,20)
```
#855817
```
#855817 rgb(133,88,23)
```
#96631a
```
#96631a rgb(150,99,26)
```
#a76e1d
```
#a76e1d rgb(167,110,29)
```
#b77920
```
#b77920 rgb(183,121,32)
```
#c88423
```
#c88423 rgb(200,132,35)
```
#d98f25
```
#d98f25 rgb(217,143,37)
```

Shade Color Variation

#dc9836
```
#dc9836 rgb(220,152,54)
```
#dfa046
```
#dfa046 rgb(223,160,70)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#e5b268
```
#e5b268 rgb(229,178,104)
```
#e8ba78
```
#e8ba78 rgb(232,186,120)
```
#ebc389
```
#ebc389 rgb(235,195,137)
```
#eecb9a
```
#eecb9a rgb(238,203,154)
```
#f0d4ab
```
#f0d4ab rgb(240,212,171)
```
#f3dcbb
```
#f3dcbb rgb(243,220,187)
```
#f6e5cc
```
#f6e5cc rgb(246,229,204)
```
#f9eedd
```
#f9eedd rgb(249,238,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9e9d9b
```
#9e9d9b rgb(158,157,155)
```
#a59e94
```
#a59e94 rgb(165,158,148)
```
#ad9f8c
```
#ad9f8c rgb(173,159,140)
```
#b5a184
```
#b5a184 rgb(181,161,132)
```
#bca27d
```
#bca27d rgb(188,162,125)
```
#c4a475
```
#c4a475 rgb(196,164,117)
```
#cba56e
```
#cba56e rgb(203,165,110)
```
#d3a666
```
#d3a666 rgb(211,166,102)
```
#daa85f
```
#daa85f rgb(218,168,95)
```
#e2a957
```
#e2a957 rgb(226,169,87)
```
#eaaa4f
```
#eaaa4f rgb(234,170,79)
```
#f1ac48
```
#f1ac48 rgb(241,172,72)
```
#f9ad40
```
#f9ad40 rgb(249,173,64)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bbaf9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b762 Protanopia 1% of men
#dfaf5f Deuteranopia 1% of men
#eaa4af Tritanopia 0.001% of the population

Trichromacy

#d2b25e Protanomaly 1% of men, 0.01% of women
#e0ac5c Deuteranomaly 6% of men, 0.4% of women
#e7a68f Tritanomaly 0.01% of the population

#e2a957 hex color

#e2a957 Color Information

#e2a957 Color Conversion

Color Schemes with #e2a957

Alternatives to #e2a957

#e2a957 Preview

Shades and Tints of #e2a957

Tones of #e2a957

Color Blindness Simulator