#e2caa5 hex color

In a RGB color space, hex #e2caa5 is composed of 88.6% red, 79.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 27% yellow and 11.4% black. It has a hue angle of 36.4 degrees, a saturation of 51.3% and a lightness of 76.7%. #e2caa5 color hex could be obtained by blending #ffffff with #c5954b. Closest websafe color is: #cccc99.

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

● #e2caa5 color description : Very soft orange.

The hexadecimal color #e2caa5 has RGB values of R:226, G:202, B:165 and CMYK values of C:0, M:0.11, Y:0.27, K:0.11. Its decimal value is 14863013.

Hex triplet	e2caa5	`#e2caa5`
RGB Decimal	226, 202, 165	`rgb(226,202,165)`
RGB Percent	88.6, 79.2, 64.7	`rgb(88.6%,79.2%,64.7%)`
CMYK	0, 11, 27, 11
HSL	36.4°, 51.3, 76.7	`hsl(36.4,51.3%,76.7%)`
HSV (or HSB)	36.4°, 27, 88.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.447, 2.842, 21.57
XYZ	59.275, 61.128, 44.272
xyY	0.36, 0.371, 61.128
CIE-LCH	82.447, 21.756, 82.493
CIE-LUV	82.447, 17.102, 29.73
Hunter-Lab	78.184, -1.493, 21.156
Binary	11100010, 11001010, 10100101

#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#a5bde2
```
#a5bde2 rgb(165,189,226)
```

Complementary Color

#e2aca5
```
#e2aca5 rgb(226,172,165)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#dce2a5
```
#dce2a5 rgb(220,226,165)
```

Analogous Color

#aca5e2
```
#aca5e2 rgb(172,165,226)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#a5dce2
```
#a5dce2 rgb(165,220,226)
```

Split Complementary Color

#caa5e2
```
#caa5e2 rgb(202,165,226)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#a5e2ca
```
#a5e2ca rgb(165,226,202)
```

Triadic Color

#e2a5bd
```
#e2a5bd rgb(226,165,189)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#a5e2ca
```
#a5e2ca rgb(165,226,202)
```
#a5bde2
```
#a5bde2 rgb(165,189,226)
```

Tetradic Color

#cfa86b
```
#cfa86b rgb(207,168,107)
```
#d6b37e
```
#d6b37e rgb(214,179,126)
```
#dcbf92
```
#dcbf92 rgb(220,191,146)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#e8d5b8
```
#e8d5b8 rgb(232,213,184)
```
#eee1cc
```
#eee1cc rgb(238,225,204)
```
#f5ecdf
```
#f5ecdf rgb(245,236,223)
```

Monochromatic Color

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

#e2bba5
```
#e2bba5 rgb(226,187,165)
```
#e2c0a5
```
#e2c0a5 rgb(226,192,165)
```
#e2c5a5
```
#e2c5a5 rgb(226,197,165)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#e2cfa5
```
#e2cfa5 rgb(226,207,165)
```
#e2d4a5
```
#e2d4a5 rgb(226,212,165)
```
#e2d9a5
```
#e2d9a5 rgb(226,217,165)
```

Similar Colors

Text with hexadecimal color #e2caa5

This text has a font color of #e2caa5.

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

#e2caa5 background color

This paragraph has a background color of #e2caa5.

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

#e2caa5 border color

This element has a border color of #e2caa5.

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

CSS codes

.text {color:#e2caa5;}

.background {background-color:#e2caa5;}

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

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, #0e0a04 is the darkest color, while #fffefe is the lightest one.

#0e0a04
```
#0e0a04 rgb(14,10,4)
```
#1d1509
```
#1d1509 rgb(29,21,9)
```
#2c200e
```
#2c200e rgb(44,32,14)
```
#3a2b13
```
#3a2b13 rgb(58,43,19)
```
#493618
```
#493618 rgb(73,54,24)
```
#58411c
```
#58411c rgb(88,65,28)
```
#674b21
```
#674b21 rgb(103,75,33)
```
#765626
```
#765626 rgb(118,86,38)
```
#85612b
```
#85612b rgb(133,97,43)
```
#936c2f
```
#936c2f rgb(147,108,47)
```
#a27734
```
#a27734 rgb(162,119,52)
```
#b18239
```
#b18239 rgb(177,130,57)
```
#c08d3e
```
#c08d3e rgb(192,141,62)
```

Shade Color Variation

#c5964c
```
#c5964c rgb(197,150,76)
```
#ca9e5b
```
#ca9e5b rgb(202,158,91)
```
#cfa76a
```
#cfa76a rgb(207,167,106)
```
#d4b078
```
#d4b078 rgb(212,176,120)
```
#d8b987
```
#d8b987 rgb(216,185,135)
```
#ddc196
```
#ddc196 rgb(221,193,150)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#e7d3b4
```
#e7d3b4 rgb(231,211,180)
```
#ecdbc3
```
#ecdbc3 rgb(236,219,195)
```
#f0e4d2
```
#f0e4d2 rgb(240,228,210)
```
#f5ede0
```
#f5ede0 rgb(245,237,224)
```
#faf6ef
```
#faf6ef rgb(250,246,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#c7c4c0
```
#c7c4c0 rgb(199,196,192)
```
#cbc5bc
```
#cbc5bc rgb(203,197,188)
```
#d0c6b7
```
#d0c6b7 rgb(208,198,183)
```
#d4c7b3
```
#d4c7b3 rgb(212,199,179)
```
#d9c8ae
```
#d9c8ae rgb(217,200,174)
```
#ddc9aa
```
#ddc9aa rgb(221,201,170)
```
#e2caa5
```
#e2caa5 rgb(226,202,165)
```
#e7cba0
```
#e7cba0 rgb(231,203,160)
```
#ebcc9c
```
#ebcc9c rgb(235,204,156)
```
#f0cd97
```
#f0cd97 rgb(240,205,151)
```
#f4ce93
```
#f4ce93 rgb(244,206,147)
```
#f9cf8e
```
#f9cf8e rgb(249,207,142)
```
#fdd08a
```
#fdd08a rgb(253,208,138)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d1ccc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcfaa Protanopia 1% of men
#efc8ab Deuteranopia 1% of men
#e9c6d4 Tritanopia 0.001% of the population

Trichromacy

#ddcda8 Protanomaly 1% of men, 0.01% of women
#eac8a8 Deuteranomaly 6% of men, 0.4% of women
#e6c7c3 Tritanomaly 0.01% of the population

#e2caa5 hex color

#e2caa5 Color Information

#e2caa5 Color Conversion

Color Schemes with #e2caa5

Alternatives to #e2caa5

#e2caa5 Preview

Shades and Tints of #e2caa5

Tones of #e2caa5

Color Blindness Simulator