#e5a86a hex color

In a RGB color space, hex #e5a86a is composed of 89.8% red, 65.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 53.7% yellow and 10.2% black. It has a hue angle of 30.2 degrees, a saturation of 70.3% and a lightness of 65.7%. #e5a86a color hex could be obtained by blending #ffffd4 with #cb5100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 90
- G 66
- B 42
RGB color chart
- C 0
- M 27
- Y 54
- K 10
CMYK color chart

● #e5a86a color description : Soft orange.

The hexadecimal color #e5a86a has RGB values of R:229, G:168, B:106 and CMYK values of C:0, M:0.27, Y:0.54, K:0.1. Its decimal value is 15050858.

Hex triplet	e5a86a	`#e5a86a`
RGB Decimal	229, 168, 106	`rgb(229,168,106)`
RGB Percent	89.8, 65.9, 41.6	`rgb(89.8%,65.9%,41.6%)`
CMYK	0, 27, 54, 10
HSL	30.2°, 70.3, 65.7	`hsl(30.2,70.3%,65.7%)`
HSV (or HSB)	30.2°, 53.7, 89.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.355, 15.545, 40.597
XYZ	48.918, 45.706, 19.881
xyY	0.427, 0.399, 45.706
CIE-LCH	73.355, 43.471, 69.048
CIE-LUV	73.355, 46.297, 47.342
Hunter-Lab	67.607, 10.845, 29.89
Binary	11100101, 10101000, 01101010

#e5a86a
```
#e5a86a rgb(229,168,106)
```
#6aa7e5
```
#6aa7e5 rgb(106,167,229)
```

Complementary Color

#e56b6a
```
#e56b6a rgb(229,107,106)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#e5e56a
```
#e5e56a rgb(229,229,106)
```

Analogous Color

#6b6ae5
```
#6b6ae5 rgb(107,106,229)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#6ae5e5
```
#6ae5e5 rgb(106,229,229)
```

Split Complementary Color

#a86ae5
```
#a86ae5 rgb(168,106,229)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#6ae5a8
```
#6ae5a8 rgb(106,229,168)
```

Triadic Color

#e56aa7
```
#e56aa7 rgb(229,106,167)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#6ae5a8
```
#6ae5a8 rgb(106,229,168)
```
#6aa7e5
```
#6aa7e5 rgb(106,167,229)
```

Tetradic Color

#da8229
```
#da8229 rgb(218,130,41)
```
#dd8f3f
```
#dd8f3f rgb(221,143,63)
```
#e19b54
```
#e19b54 rgb(225,155,84)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#e9b580
```
#e9b580 rgb(233,181,128)
```
#edc195
```
#edc195 rgb(237,193,149)
```
#f0ceab
```
#f0ceab rgb(240,206,171)
```

Monochromatic Color

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

#e5896a
```
#e5896a rgb(229,137,106)
```
#e5946a
```
#e5946a rgb(229,148,106)
```
#e59e6a
```
#e59e6a rgb(229,158,106)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#e5b26a
```
#e5b26a rgb(229,178,106)
```
#e5bd6a
```
#e5bd6a rgb(229,189,106)
```
#e5c76a
```
#e5c76a rgb(229,199,106)
```

Similar Colors

Text with hexadecimal color #e5a86a

This text has a font color of #e5a86a.

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

#e5a86a background color

This paragraph has a background color of #e5a86a.

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

#e5a86a border color

This element has a border color of #e5a86a.

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

CSS codes

.text {color:#e5a86a;}

.background {background-color:#e5a86a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231506
```
#231506 rgb(35,21,6)
```
#331e09
```
#331e09 rgb(51,30,9)
```
#44280c
```
#44280c rgb(68,40,12)
```
#55320f
```
#55320f rgb(85,50,15)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#764615
```
#764615 rgb(118,70,21)
```
#875018
```
#875018 rgb(135,80,24)
```
#985a1a
```
#985a1a rgb(152,90,26)
```
#a8631d
```
#a8631d rgb(168,99,29)
```
#b96d20
```
#b96d20 rgb(185,109,32)
```
#ca7723
```
#ca7723 rgb(202,119,35)
```

Shade Color Variation

#d98127
```
#d98127 rgb(217,129,39)
```
#dc8b38
```
#dc8b38 rgb(220,139,56)
```
#df9449
```
#df9449 rgb(223,148,73)
```
#e29e59
```
#e29e59 rgb(226,158,89)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#e8b27b
```
#e8b27b rgb(232,178,123)
```
#ebbc8b
```
#ebbc8b rgb(235,188,139)
```
#eec59c
```
#eec59c rgb(238,197,156)
```
#f1cfad
```
#f1cfad rgb(241,207,173)
```
#f4d9be
```
#f4d9be rgb(244,217,190)
```
#f6e3ce
```
#f6e3ce rgb(246,227,206)
```
#f9ecdf
```
#f9ecdf rgb(249,236,223)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#a8a8a7
```
#a8a8a7 rgb(168,168,167)
```
#afa8a0
```
#afa8a0 rgb(175,168,160)
```
#b6a899
```
#b6a899 rgb(182,168,153)
```
#bda892
```
#bda892 rgb(189,168,146)
```
#c3a88c
```
#c3a88c rgb(195,168,140)
```
#caa885
```
#caa885 rgb(202,168,133)
```
#d1a87e
```
#d1a87e rgb(209,168,126)
```
#d8a877
```
#d8a877 rgb(216,168,119)
```
#dea871
```
#dea871 rgb(222,168,113)
```
#e5a86a
```
#e5a86a rgb(229,168,106)
```
#eca863
```
#eca863 rgb(236,168,99)
```
#f2a85d
```
#f2a85d rgb(242,168,93)
```
#f9a856
```
#f9a856 rgb(249,168,86)
```

Tone Color Variation

Below, you can see how #e5a86a 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
#bdb1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b875 Protanopia 1% of men
#ddb070 Deuteranopia 1% of men
#eca4b0 Tritanopia 0.001% of the population

Trichromacy

#d2b271 Protanomaly 1% of men, 0.01% of women
#e0ad6e Deuteranomaly 6% of men, 0.4% of women
#e9a596 Tritanomaly 0.01% of the population

#e5a86a hex color

#e5a86a Color Information

#e5a86a Color Conversion

Color Schemes with #e5a86a

Alternatives to #e5a86a

#e5a86a Preview

Shades and Tints of #e5a86a

Tones of #e5a86a

Color Blindness Simulator