#e2a259 hex color

In a RGB color space, hex #e2a259 is composed of 88.6% red, 63.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 60.6% yellow and 11.4% black. It has a hue angle of 32 degrees, a saturation of 70.3% and a lightness of 61.8%. #e2a259 color hex could be obtained by blending #ffffb2 with #c54500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 89
- G 64
- B 35
RGB color chart
- C 0
- M 28
- Y 61
- K 11
CMYK color chart

● #e2a259 color description : Soft orange.

The hexadecimal color #e2a259 has RGB values of R:226, G:162, B:89 and CMYK values of C:0, M:0.28, Y:0.61, K:0.11. Its decimal value is 14852697.

Hex triplet	e2a259	`#e2a259`
RGB Decimal	226, 162, 89	`rgb(226,162,89)`
RGB Percent	88.6, 63.5, 34.9	`rgb(88.6%,63.5%,34.9%)`
CMYK	0, 28, 61, 11
HSL	32°, 70.3, 61.8	`hsl(32,70.3%,61.8%)`
HSV (or HSB)	32°, 60.6, 88.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.374, 16.204, 46.731
XYZ	46.088, 42.733, 15.272
xyY	0.443, 0.411, 42.733
CIE-LCH	71.374, 49.46, 70.876
CIE-LUV	71.374, 49.824, 52.355
Hunter-Lab	65.371, 11.449, 31.908
Binary	11100010, 10100010, 01011001

#e2a259
```
#e2a259 rgb(226,162,89)
```
#5999e2
```
#5999e2 rgb(89,153,226)
```

Complementary Color

#e25e59
```
#e25e59 rgb(226,94,89)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#dee259
```
#dee259 rgb(222,226,89)
```

Analogous Color

#5e59e2
```
#5e59e2 rgb(94,89,226)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#59dee2
```
#59dee2 rgb(89,222,226)
```

Split Complementary Color

#a259e2
```
#a259e2 rgb(162,89,226)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#59e2a2
```
#59e2a2 rgb(89,226,162)
```

Triadic Color

#e25999
```
#e25999 rgb(226,89,153)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#59e2a2
```
#59e2a2 rgb(89,226,162)
```
#5999e2
```
#5999e2 rgb(89,153,226)
```

Tetradic Color

#cb7d23
```
#cb7d23 rgb(203,125,35)
```
#da8a2e
```
#da8a2e rgb(218,138,46)
```
#de9643
```
#de9643 rgb(222,150,67)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#e6ae6f
```
#e6ae6f rgb(230,174,111)
```
#eaba84
```
#eaba84 rgb(234,186,132)
```
#edc69a
```
#edc69a rgb(237,198,154)
```

Monochromatic Color

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

#e28059
```
#e28059 rgb(226,128,89)
```
#e28b59
```
#e28b59 rgb(226,139,89)
```
#e29759
```
#e29759 rgb(226,151,89)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#e2ad59
```
#e2ad59 rgb(226,173,89)
```
#e2b959
```
#e2b959 rgb(226,185,89)
```
#e2c459
```
#e2c459 rgb(226,196,89)
```

Similar Colors

Text with hexadecimal color #e2a259

This text has a font color of #e2a259.

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

#e2a259 background color

This paragraph has a background color of #e2a259.

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

#e2a259 border color

This element has a border color of #e2a259.

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

CSS codes

.text {color:#e2a259;}

.background {background-color:#e2a259;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#221506
```
#221506 rgb(34,21,6)
```
#331f09
```
#331f09 rgb(51,31,9)
```
#442a0c
```
#442a0c rgb(68,42,12)
```
#54340f
```
#54340f rgb(84,52,15)
```
#653e12
```
#653e12 rgb(101,62,18)
```
#764815
```
#764815 rgb(118,72,21)
```
#875318
```
#875318 rgb(135,83,24)
```
#975d1a
```
#975d1a rgb(151,93,26)
```
#a8671d
```
#a8671d rgb(168,103,29)
```
#b97120
```
#b97120 rgb(185,113,32)
```
#c97c23
```
#c97c23 rgb(201,124,35)
```

Shade Color Variation

#d98627
```
#d98627 rgb(217,134,39)
```
#dc8f38
```
#dc8f38 rgb(220,143,56)
```
#df9948
```
#df9948 rgb(223,153,72)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#e5ab6a
```
#e5ab6a rgb(229,171,106)
```
#e8b57a
```
#e8b57a rgb(232,181,122)
```
#ebbe8b
```
#ebbe8b rgb(235,190,139)
```
#eec79c
```
#eec79c rgb(238,199,156)
```
#f1d1ac
```
#f1d1ac rgb(241,209,172)
```
#f4dabd
```
#f4dabd rgb(244,218,189)
```
#f6e3ce
```
#f6e3ce rgb(246,227,206)
```
#f9eddf
```
#f9eddf rgb(249,237,223)
```
#fcf6ef
```
#fcf6ef rgb(252,246,239)
```

Tint Color Variation

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

#9f9e9d
```
#9f9e9d rgb(159,158,157)
```
#a69e95
```
#a69e95 rgb(166,158,149)
```
#ae9f8e
```
#ae9f8e rgb(174,159,142)
```
#b59f86
```
#b59f86 rgb(181,159,134)
```
#bda07f
```
#bda07f rgb(189,160,127)
```
#c4a077
```
#c4a077 rgb(196,160,119)
```
#cca170
```
#cca170 rgb(204,161,112)
```
#d3a168
```
#d3a168 rgb(211,161,104)
```
#dba261
```
#dba261 rgb(219,162,97)
```
#e2a259
```
#e2a259 rgb(226,162,89)
```
#eaa252
```
#eaa252 rgb(234,162,82)
```
#f1a34a
```
#f1a34a rgb(241,163,74)
```
#f9a343
```
#f9a343 rgb(249,163,67)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b8ab9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b365 Protanopia 1% of men
#daab60 Deuteranopia 1% of men
#e99ea9 Tritanopia 0.001% of the population

Trichromacy

#cfac61 Protanomaly 1% of men, 0.01% of women
#dca75d Deuteranomaly 6% of men, 0.4% of women
#e69f8c Tritanomaly 0.01% of the population

#e2a259 hex color

#e2a259 Color Information

#e2a259 Color Conversion

Color Schemes with #e2a259

Alternatives to #e2a259

#e2a259 Preview

Shades and Tints of #e2a259

Tones of #e2a259

Color Blindness Simulator