#e4c686 hex color

In a RGB color space, hex #e4c686 is composed of 89.4% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 41.2% yellow and 10.6% black. It has a hue angle of 40.9 degrees, a saturation of 63.5% and a lightness of 71%. #e4c686 color hex could be obtained by blending #ffffff with #c98d0d. Closest websafe color is: #cccc99.

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

● #e4c686 color description : Very soft orange.

The hexadecimal color #e4c686 has RGB values of R:228, G:198, B:134 and CMYK values of C:0, M:0.13, Y:0.41, K:0.11. Its decimal value is 14993030.

Hex triplet	e4c686	`#e4c686`
RGB Decimal	228, 198, 134	`rgb(228,198,134)`
RGB Percent	89.4, 77.6, 52.5	`rgb(89.4%,77.6%,52.5%)`
CMYK	0, 13, 41, 11
HSL	40.9°, 63.5, 71	`hsl(40.9,63.5%,71%)`
HSV (or HSB)	40.9°, 41.2, 89.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.074, 1.968, 35.954
XYZ	56.492, 58.605, 30.889
xyY	0.387, 0.401, 58.605
CIE-LCH	81.074, 36.008, 86.867
CIE-LUV	81.074, 23.106, 47.034
Hunter-Lab	76.554, -2.248, 29.664
Binary	11100100, 11000110, 10000110

#e4c686
```
#e4c686 rgb(228,198,134)
```
#86a4e4
```
#86a4e4 rgb(134,164,228)
```

Complementary Color

#e49786
```
#e49786 rgb(228,151,134)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#d3e486
```
#d3e486 rgb(211,228,134)
```

Analogous Color

#9786e4
```
#9786e4 rgb(151,134,228)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#86d3e4
```
#86d3e4 rgb(134,211,228)
```

Split Complementary Color

#c686e4
```
#c686e4 rgb(198,134,228)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#86e4c6
```
#86e4c6 rgb(134,228,198)
```

Triadic Color

#e486a4
```
#e486a4 rgb(228,134,164)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#86e4c6
```
#86e4c6 rgb(134,228,198)
```
#86a4e4
```
#86a4e4 rgb(134,164,228)
```

Tetradic Color

#d6a947
```
#d6a947 rgb(214,169,71)
```
#dbb25c
```
#dbb25c rgb(219,178,92)
```
#dfbc71
```
#dfbc71 rgb(223,188,113)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#e9d09b
```
#e9d09b rgb(233,208,155)
```
#eddab0
```
#eddab0 rgb(237,218,176)
```
#f2e3c5
```
#f2e3c5 rgb(242,227,197)
```

Monochromatic Color

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

#e4af86
```
#e4af86 rgb(228,175,134)
```
#e4b686
```
#e4b686 rgb(228,182,134)
```
#e4be86
```
#e4be86 rgb(228,190,134)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#e4ce86
```
#e4ce86 rgb(228,206,134)
```
#e4d686
```
#e4d686 rgb(228,214,134)
```
#e4de86
```
#e4de86 rgb(228,222,134)
```

Similar Colors

Text with hexadecimal color #e4c686

This text has a font color of #e4c686.

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

#e4c686 background color

This paragraph has a background color of #e4c686.

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

#e4c686 border color

This element has a border color of #e4c686.

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

CSS codes

.text {color:#e4c686;}

.background {background-color:#e4c686;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#171205
```
#171205 rgb(23,18,5)
```
#271e09
```
#271e09 rgb(39,30,9)
```
#372a0c
```
#372a0c rgb(55,42,12)
```
#473610
```
#473610 rgb(71,54,16)
```
#574214
```
#574214 rgb(87,66,20)
```
#684e17
```
#684e17 rgb(104,78,23)
```
#785a1b
```
#785a1b rgb(120,90,27)
```
#88661e
```
#88661e rgb(136,102,30)
```
#987222
```
#987222 rgb(152,114,34)
```
#a87e25
```
#a87e25 rgb(168,126,37)
```
#b88a29
```
#b88a29 rgb(184,138,41)
```
#c8962d
```
#c8962d rgb(200,150,45)
```

Shade Color Variation

#d2a036
```
#d2a036 rgb(210,160,54)
```
#d6a846
```
#d6a846 rgb(214,168,70)
```
#d9af56
```
#d9af56 rgb(217,175,86)
```
#ddb766
```
#ddb766 rgb(221,183,102)
```
#e0be76
```
#e0be76 rgb(224,190,118)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#e8ce96
```
#e8ce96 rgb(232,206,150)
```
#ebd5a6
```
#ebd5a6 rgb(235,213,166)
```
#efddb6
```
#efddb6 rgb(239,221,182)
```
#f2e4c6
```
#f2e4c6 rgb(242,228,198)
```
#f6ecd6
```
#f6ecd6 rgb(246,236,214)
```
#f9f3e6
```
#f9f3e6 rgb(249,243,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#b6b6b4
```
#b6b6b4 rgb(182,182,180)
```
#bcb8ae
```
#bcb8ae rgb(188,184,174)
```
#c2baa8
```
#c2baa8 rgb(194,186,168)
```
#c8bca2
```
#c8bca2 rgb(200,188,162)
```
#cdbe9d
```
#cdbe9d rgb(205,190,157)
```
#d3c097
```
#d3c097 rgb(211,192,151)
```
#d9c291
```
#d9c291 rgb(217,194,145)
```
#dec48c
```
#dec48c rgb(222,196,140)
```
#e4c686
```
#e4c686 rgb(228,198,134)
```
#eac880
```
#eac880 rgb(234,200,128)
```
#efca7b
```
#efca7b rgb(239,202,123)
```
#f5cc75
```
#f5cc75 rgb(245,204,117)
```
#fbce6f
```
#fbce6f rgb(251,206,111)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#cec8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccb8d Protanopia 1% of men
#f2c38d Deuteranopia 1% of men
#edc0ce Tritanopia 0.001% of the population

Trichromacy

#dfc98a Protanomaly 1% of men, 0.01% of women
#edc48a Deuteranomaly 6% of men, 0.4% of women
#e9c2b3 Tritanomaly 0.01% of the population

#e4c686 hex color

#e4c686 Color Information

#e4c686 Color Conversion

Color Schemes with #e4c686

Alternatives to #e4c686

#e4c686 Preview

Shades and Tints of #e4c686

Tones of #e4c686

Color Blindness Simulator