#e5986f hex color

In a RGB color space, hex #e5986f is composed of 89.8% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.6% magenta, 51.5% yellow and 10.2% black. It has a hue angle of 20.8 degrees, a saturation of 69.4% and a lightness of 66.7%. #e5986f color hex could be obtained by blending #ffffde with #cb3100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 90
- G 60
- B 44
RGB color chart
- C 0
- M 34
- Y 52
- K 10
CMYK color chart

● #e5986f color description : Soft orange.

The hexadecimal color #e5986f has RGB values of R:229, G:152, B:111 and CMYK values of C:0, M:0.34, Y:0.52, K:0.1. Its decimal value is 15046767.

Hex triplet	e5986f	`#e5986f`
RGB Decimal	229, 152, 111	`rgb(229,152,111)`
RGB Percent	89.8, 59.6, 43.5	`rgb(89.8%,59.6%,43.5%)`
CMYK	0, 34, 52, 10
HSL	20.8°, 69.4, 66.7	`hsl(20.8,69.4%,66.7%)`
HSV (or HSB)	20.8°, 51.5, 89.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.658, 24.515, 33.308
XYZ	46.411, 40.265, 20.366
xyY	0.434, 0.376, 40.265
CIE-LCH	69.658, 41.357, 53.647
CIE-LUV	69.658, 57.128, 37.129
Hunter-Lab	63.455, 19.51, 25.389
Binary	11100101, 10011000, 01101111

#e5986f
```
#e5986f rgb(229,152,111)
```
#6fbce5
```
#6fbce5 rgb(111,188,229)
```

Complementary Color

#e56f81
```
#e56f81 rgb(229,111,129)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#e5d36f
```
#e5d36f rgb(229,211,111)
```

Analogous Color

#6f81e5
```
#6f81e5 rgb(111,129,229)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#6fe5d3
```
#6fe5d3 rgb(111,229,211)
```

Split Complementary Color

#986fe5
```
#986fe5 rgb(152,111,229)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#6fe598
```
#6fe598 rgb(111,229,152)
```

Triadic Color

#e56fbc
```
#e56fbc rgb(229,111,188)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#6fe598
```
#6fe598 rgb(111,229,152)
```
#6fbce5
```
#6fbce5 rgb(111,188,229)
```

Tetradic Color

#d96a2e
```
#d96a2e rgb(217,106,46)
```
#dd7944
```
#dd7944 rgb(221,121,68)
```
#e18959
```
#e18959 rgb(225,137,89)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#e9a785
```
#e9a785 rgb(233,167,133)
```
#edb79a
```
#edb79a rgb(237,183,154)
```
#f1c6b0
```
#f1c6b0 rgb(241,198,176)
```

Monochromatic Color

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

#e57b6f
```
#e57b6f rgb(229,123,111)
```
#e5846f
```
#e5846f rgb(229,132,111)
```
#e58e6f
```
#e58e6f rgb(229,142,111)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#e5a26f
```
#e5a26f rgb(229,162,111)
```
#e5ac6f
```
#e5ac6f rgb(229,172,111)
```
#e5b66f
```
#e5b66f rgb(229,182,111)
```

Similar Colors

Text with hexadecimal color #e5986f

This text has a font color of #e5986f.

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

#e5986f background color

This paragraph has a background color of #e5986f.

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

#e5986f border color

This element has a border color of #e5986f.

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

CSS codes

.text {color:#e5986f;}

.background {background-color:#e5986f;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#160a04
```
#160a04 rgb(22,10,4)
```
#271207
```
#271207 rgb(39,18,7)
```
#371a0a
```
#371a0a rgb(55,26,10)
```
#48220d
```
#48220d rgb(72,34,13)
```
#592910
```
#592910 rgb(89,41,16)
```
#693113
```
#693113 rgb(105,49,19)
```
#7a3916
```
#7a3916 rgb(122,57,22)
```
#8a4019
```
#8a4019 rgb(138,64,25)
```
#9b481c
```
#9b481c rgb(155,72,28)
```
#ac501f
```
#ac501f rgb(172,80,31)
```
#bc5822
```
#bc5822 rgb(188,88,34)
```
#cd5f25
```
#cd5f25 rgb(205,95,37)
```

Shade Color Variation

#d9682d
```
#d9682d rgb(217,104,45)
```
#dc743d
```
#dc743d rgb(220,116,61)
```
#df804e
```
#df804e rgb(223,128,78)
```
#e28c5e
```
#e28c5e rgb(226,140,94)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#e8a480
```
#e8a480 rgb(232,164,128)
```
#ebb090
```
#ebb090 rgb(235,176,144)
```
#eebca1
```
#eebca1 rgb(238,188,161)
```
#f1c8b1
```
#f1c8b1 rgb(241,200,177)
```
#f4d3c2
```
#f4d3c2 rgb(244,211,194)
```
#f7dfd3
```
#f7dfd3 rgb(247,223,211)
```
#faebe3
```
#faebe3 rgb(250,235,227)
```
#fdf7f4
```
#fdf7f4 rgb(253,247,244)
```

Tint Color Variation

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

#aaaaaa
```
#aaaaaa rgb(170,170,170)
```
#b1a8a3
```
#b1a8a3 rgb(177,168,163)
```
#b7a69d
```
#b7a69d rgb(183,166,157)
```
#bea496
```
#bea496 rgb(190,164,150)
```
#c4a290
```
#c4a290 rgb(196,162,144)
```
#cba089
```
#cba089 rgb(203,160,137)
```
#d19e83
```
#d19e83 rgb(209,158,131)
```
#d89c7c
```
#d89c7c rgb(216,156,124)
```
#de9a76
```
#de9a76 rgb(222,154,118)
```
#e5986f
```
#e5986f rgb(229,152,111)
```
#ec9668
```
#ec9668 rgb(236,150,104)
```
#f29462
```
#f29462 rgb(242,148,98)
```
#f9925b
```
#f9925b rgb(249,146,91)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b6a69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbae7d Protanopia 1% of men
#d0a773 Deuteranopia 1% of men
#ea97a1 Tritanopia 0.001% of the population

Trichromacy

#caa677 Protanomaly 1% of men, 0.01% of women
#d8a172 Deuteranomaly 6% of men, 0.4% of women
#e8978f Tritanomaly 0.01% of the population

#e5986f hex color

#e5986f Color Information

#e5986f Color Conversion

Color Schemes with #e5986f

Alternatives to #e5986f

#e5986f Preview

Shades and Tints of #e5986f

Tones of #e5986f

Color Blindness Simulator