#e2c696 hex color

In a RGB color space, hex #e2c696 is composed of 88.6% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.4% magenta, 33.6% yellow and 11.4% black. It has a hue angle of 37.9 degrees, a saturation of 56.7% and a lightness of 73.7%. #e2c696 color hex could be obtained by blending #ffffff with #c58d2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 89
- G 78
- B 59
RGB color chart
- C 0
- M 12
- Y 34
- K 11
CMYK color chart

● #e2c696 color description : Very soft orange.

The hexadecimal color #e2c696 has RGB values of R:226, G:198, B:150 and CMYK values of C:0, M:0.12, Y:0.34, K:0.11. Its decimal value is 14861974.

Hex triplet	e2c696	`#e2c696`
RGB Decimal	226, 198, 150	`rgb(226,198,150)`
RGB Percent	88.6, 77.6, 58.8	`rgb(88.6%,77.6%,58.8%)`
CMYK	0, 12, 34, 11
HSL	37.9°, 56.7, 73.7	`hsl(37.9,56.7%,73.7%)`
HSV (or HSB)	37.9°, 33.6, 88.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.16, 3.009, 27.715
XYZ	57.063, 58.76, 37.189
xyY	0.373, 0.384, 58.76
CIE-LCH	81.16, 27.878, 83.803
CIE-LUV	81.16, 20.611, 37.252
Hunter-Lab	76.655, -1.27, 24.895
Binary	11100010, 11000110, 10010110

#e2c696
```
#e2c696 rgb(226,198,150)
```
#96b2e2
```
#96b2e2 rgb(150,178,226)
```

Complementary Color

#e2a096
```
#e2a096 rgb(226,160,150)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#d8e296
```
#d8e296 rgb(216,226,150)
```

Analogous Color

#a096e2
```
#a096e2 rgb(160,150,226)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#96d8e2
```
#96d8e2 rgb(150,216,226)
```

Split Complementary Color

#c696e2
```
#c696e2 rgb(198,150,226)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#96e2c6
```
#96e2c6 rgb(150,226,198)
```

Triadic Color

#e296b2
```
#e296b2 rgb(226,150,178)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#96e2c6
```
#96e2c6 rgb(150,226,198)
```
#96b2e2
```
#96b2e2 rgb(150,178,226)
```

Tetradic Color

#d1a55a
```
#d1a55a rgb(209,165,90)
```
#d7b06e
```
#d7b06e rgb(215,176,110)
```
#dcbb82
```
#dcbb82 rgb(220,187,130)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#e8d1aa
```
#e8d1aa rgb(232,209,170)
```
#eddcbe
```
#eddcbe rgb(237,220,190)
```
#f3e7d2
```
#f3e7d2 rgb(243,231,210)
```

Monochromatic Color

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

#e2b396
```
#e2b396 rgb(226,179,150)
```
#e2b996
```
#e2b996 rgb(226,185,150)
```
#e2c096
```
#e2c096 rgb(226,192,150)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#e2cc96
```
#e2cc96 rgb(226,204,150)
```
#e2d396
```
#e2d396 rgb(226,211,150)
```
#e2d996
```
#e2d996 rgb(226,217,150)
```

Similar Colors

Text with hexadecimal color #e2c696

This text has a font color of #e2c696.

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

#e2c696 background color

This paragraph has a background color of #e2c696.

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

#e2c696 border color

This element has a border color of #e2c696.

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

CSS codes

.text {color:#e2c696;}

.background {background-color:#e2c696;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#211809
```
#211809 rgb(33,24,9)
```
#31240d
```
#31240d rgb(49,36,13)
```
#402f12
```
#402f12 rgb(64,47,18)
```
#4f3a16
```
#4f3a16 rgb(79,58,22)
```
#5f461a
```
#5f461a rgb(95,70,26)
```
#6e511e
```
#6e511e rgb(110,81,30)
```
#7e5c23
```
#7e5c23 rgb(126,92,35)
```
#8d6727
```
#8d6727 rgb(141,103,39)
```
#9c732b
```
#9c732b rgb(156,115,43)
```
#ac7e2f
```
#ac7e2f rgb(172,126,47)
```
#bb8934
```
#bb8934 rgb(187,137,52)
```

Shade Color Variation

#c9943a
```
#c9943a rgb(201,148,58)
```
#cd9c49
```
#cd9c49 rgb(205,156,73)
```
#d1a559
```
#d1a559 rgb(209,165,89)
```
#d5ad68
```
#d5ad68 rgb(213,173,104)
```
#dab577
```
#dab577 rgb(218,181,119)
```
#debe87
```
#debe87 rgb(222,190,135)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#e6cea5
```
#e6cea5 rgb(230,206,165)
```
#ead7b5
```
#ead7b5 rgb(234,215,181)
```
#efdfc4
```
#efdfc4 rgb(239,223,196)
```
#f3e7d3
```
#f3e7d3 rgb(243,231,211)
```
#f7f0e3
```
#f7f0e3 rgb(247,240,227)
```
#fbf8f2
```
#fbf8f2 rgb(251,248,242)
```

Tint Color Variation

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

#bebdba
```
#bebdba rgb(190,189,186)
```
#c3beb5
```
#c3beb5 rgb(195,190,181)
```
#c8bfb0
```
#c8bfb0 rgb(200,191,176)
```
#cdc1ab
```
#cdc1ab rgb(205,193,171)
```
#d3c2a5
```
#d3c2a5 rgb(211,194,165)
```
#d8c3a0
```
#d8c3a0 rgb(216,195,160)
```
#ddc59b
```
#ddc59b rgb(221,197,155)
```
#e2c696
```
#e2c696 rgb(226,198,150)
```
#e7c791
```
#e7c791 rgb(231,199,145)
```
#ecc98c
```
#ecc98c rgb(236,201,140)
```
#f1ca87
```
#f1ca87 rgb(241,202,135)
```
#f7cb81
```
#f7cb81 rgb(247,203,129)
```
#fccd7c
```
#fccd7c rgb(252,205,124)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cec8bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacc9c Protanopia 1% of men
#efc49c Deuteranopia 1% of men
#eac1cf Tritanopia 0.001% of the population

Trichromacy

#ddc99a Protanomaly 1% of men, 0.01% of women
#eac59a Deuteranomaly 6% of men, 0.4% of women
#e7c3ba Tritanomaly 0.01% of the population

#e2c696 hex color

#e2c696 Color Information

#e2c696 Color Conversion

Color Schemes with #e2c696

Alternatives to #e2c696

#e2c696 Preview

Shades and Tints of #e2c696

Tones of #e2c696

Color Blindness Simulator