#e2a486 hex color

In a RGB color space, hex #e2a486 is composed of 88.6% red, 64.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 40.7% yellow and 11.4% black. It has a hue angle of 19.6 degrees, a saturation of 61.3% and a lightness of 70.6%. #e2a486 color hex could be obtained by blending #ffffff with #c5490d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 89
- G 64
- B 53
RGB color chart
- C 0
- M 27
- Y 41
- K 11
CMYK color chart

● #e2a486 color description : Very soft orange.

The hexadecimal color #e2a486 has RGB values of R:226, G:164, B:134 and CMYK values of C:0, M:0.27, Y:0.41, K:0.11. Its decimal value is 14853254.

Hex triplet	e2a486	`#e2a486`
RGB Decimal	226, 164, 134	`rgb(226,164,134)`
RGB Percent	88.6, 64.3, 52.5	`rgb(88.6%,64.3%,52.5%)`
CMYK	0, 27, 41, 11
HSL	19.6°, 61.3, 70.6	`hsl(19.6,61.3%,70.6%)`
HSV (or HSB)	19.6°, 40.7, 88.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.524, 19.194, 24.612
XYZ	48.943, 44.443, 28.554
xyY	0.401, 0.364, 44.443
CIE-LCH	72.524, 31.211, 52.05
CIE-LUV	72.524, 43.833, 29.104
Hunter-Lab	66.666, 14.381, 21.272
Binary	11100010, 10100100, 10000110

#e2a486
```
#e2a486 rgb(226,164,134)
```
#86c4e2
```
#86c4e2 rgb(134,196,226)
```

Complementary Color

#e28696
```
#e28696 rgb(226,134,150)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#e2d286
```
#e2d286 rgb(226,210,134)
```

Analogous Color

#8696e2
```
#8696e2 rgb(134,150,226)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#86e2d2
```
#86e2d2 rgb(134,226,210)
```

Split Complementary Color

#a486e2
```
#a486e2 rgb(164,134,226)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#86e2a4
```
#86e2a4 rgb(134,226,164)
```

Triadic Color

#e286c4
```
#e286c4 rgb(226,134,196)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#86e2a4
```
#86e2a4 rgb(134,226,164)
```
#86c4e2
```
#86c4e2 rgb(134,196,226)
```

Tetradic Color

#d37648
```
#d37648 rgb(211,118,72)
```
#d8855d
```
#d8855d rgb(216,133,93)
```
#dd9571
```
#dd9571 rgb(221,149,113)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#e7b39b
```
#e7b39b rgb(231,179,155)
```
#ecc3af
```
#ecc3af rgb(236,195,175)
```
#f1d2c4
```
#f1d2c4 rgb(241,210,196)
```

Monochromatic Color

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

#e28d86
```
#e28d86 rgb(226,141,134)
```
#e29586
```
#e29586 rgb(226,149,134)
```
#e29c86
```
#e29c86 rgb(226,156,134)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#e2ac86
```
#e2ac86 rgb(226,172,134)
```
#e2b386
```
#e2b386 rgb(226,179,134)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```

Similar Colors

Text with hexadecimal color #e2a486

This text has a font color of #e2a486.

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

#e2a486 background color

This paragraph has a background color of #e2a486.

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

#e2a486 border color

This element has a border color of #e2a486.

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

CSS codes

.text {color:#e2a486;}

.background {background-color:#e2a486;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#150a05
```
#150a05 rgb(21,10,5)
```
#251209
```
#251209 rgb(37,18,9)
```
#351a0d
```
#351a0d rgb(53,26,13)
```
#452211
```
#452211 rgb(69,34,17)
```
#552914
```
#552914 rgb(85,41,20)
```
#653118
```
#653118 rgb(101,49,24)
```
#74391c
```
#74391c rgb(116,57,28)
```
#844020
```
#844020 rgb(132,64,32)
```
#944823
```
#944823 rgb(148,72,35)
```
#a45027
```
#a45027 rgb(164,80,39)
```
#b4582b
```
#b4582b rgb(180,88,43)
```
#c35f2f
```
#c35f2f rgb(195,95,47)
```

Shade Color Variation

#cf6937
```
#cf6937 rgb(207,105,55)
```
#d37447
```
#d37447 rgb(211,116,71)
```
#d78057
```
#d78057 rgb(215,128,87)
```
#da8c66
```
#da8c66 rgb(218,140,102)
```
#de9876
```
#de9876 rgb(222,152,118)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#e6b096
```
#e6b096 rgb(230,176,150)
```
#eabca6
```
#eabca6 rgb(234,188,166)
```
#edc8b5
```
#edc8b5 rgb(237,200,181)
```
#f1d4c5
```
#f1d4c5 rgb(241,212,197)
```
#f5e0d5
```
#f5e0d5 rgb(245,224,213)
```
#f9ebe5
```
#f9ebe5 rgb(249,235,229)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#bab2ae
```
#bab2ae rgb(186,178,174)
```
#bfb0a9
```
#bfb0a9 rgb(191,176,169)
```
#c5aea3
```
#c5aea3 rgb(197,174,163)
```
#cbac9d
```
#cbac9d rgb(203,172,157)
```
#d1aa97
```
#d1aa97 rgb(209,170,151)
```
#d6a892
```
#d6a892 rgb(214,168,146)
```
#dca68c
```
#dca68c rgb(220,166,140)
```
#e2a486
```
#e2a486 rgb(226,164,134)
```
#e8a280
```
#e8a280 rgb(232,162,128)
```
#eea07a
```
#eea07a rgb(238,160,122)
```
#f39e75
```
#f39e75 rgb(243,158,117)
```
#f99c6f
```
#f99c6f rgb(249,156,111)
```
#ff9a69
```
#ff9a69 rgb(255,154,105)
```

Tone Color Variation

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

Dichromacy

#c1b591 Protanopia 1% of men
#d5ae8a Deuteranopia 1% of men
#e7a3af Tritanopia 0.001% of the population

Trichromacy

#cdaf8d Protanomaly 1% of men, 0.01% of women
#d9aa88 Deuteranomaly 6% of men, 0.4% of women
#e5a3a0 Tritanomaly 0.01% of the population

#e2a486 hex color

#e2a486 Color Information

#e2a486 Color Conversion

Color Schemes with #e2a486

Alternatives to #e2a486

#e2a486 Preview

Shades and Tints of #e2a486

Tones of #e2a486

Color Blindness Simulator