#e2986f hex color

In a RGB color space, hex #e2986f is composed of 88.6% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 50.9% yellow and 11.4% black. It has a hue angle of 21.4 degrees, a saturation of 66.5% and a lightness of 66.1%. #e2986f color hex could be obtained by blending #ffffde with #c53100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 89
- G 60
- B 44
RGB color chart
- C 0
- M 33
- Y 51
- K 11
CMYK color chart

● #e2986f color description : Soft orange.

The hexadecimal color #e2986f has RGB values of R:226, G:152, B:111 and CMYK values of C:0, M:0.33, Y:0.51, K:0.11. Its decimal value is 14850159.

Hex triplet	e2986f	`#e2986f`
RGB Decimal	226, 152, 111	`rgb(226,152,111)`
RGB Percent	88.6, 59.6, 43.5	`rgb(88.6%,59.6%,43.5%)`
CMYK	0, 33, 51, 11
HSL	21.4°, 66.5, 66.1	`hsl(21.4,66.5%,66.1%)`
HSV (or HSB)	21.4°, 50.9, 88.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.309, 23.314, 32.791
XYZ	45.462, 39.776, 20.321
xyY	0.431, 0.377, 39.776
CIE-LCH	69.309, 40.234, 54.587
CIE-LUV	69.309, 54.794, 36.797
Hunter-Lab	63.068, 18.302, 25.044
Binary	11100010, 10011000, 01101111

#e2986f
```
#e2986f rgb(226,152,111)
```
#6fb9e2
```
#6fb9e2 rgb(111,185,226)
```

Complementary Color

#e26f80
```
#e26f80 rgb(226,111,128)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#e2d26f
```
#e2d26f rgb(226,210,111)
```

Analogous Color

#6f80e2
```
#6f80e2 rgb(111,128,226)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#6fe2d2
```
#6fe2d2 rgb(111,226,210)
```

Split Complementary Color

#986fe2
```
#986fe2 rgb(152,111,226)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#6fe298
```
#6fe298 rgb(111,226,152)
```

Triadic Color

#e26fb9
```
#e26fb9 rgb(226,111,185)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#6fe298
```
#6fe298 rgb(111,226,152)
```
#6fb9e2
```
#6fb9e2 rgb(111,185,226)
```

Tetradic Color

#d56a2f
```
#d56a2f rgb(213,106,47)
```
#d97a45
```
#d97a45 rgb(217,122,69)
```
#de895a
```
#de895a rgb(222,137,90)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#e6a784
```
#e6a784 rgb(230,167,132)
```
#ebb699
```
#ebb699 rgb(235,182,153)
```
#efc6af
```
#efc6af rgb(239,198,175)
```

Monochromatic Color

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

#e27b6f
```
#e27b6f rgb(226,123,111)
```
#e2856f
```
#e2856f rgb(226,133,111)
```
#e28e6f
```
#e28e6f rgb(226,142,111)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#e2a26f
```
#e2a26f rgb(226,162,111)
```
#e2ab6f
```
#e2ab6f rgb(226,171,111)
```
#e2b56f
```
#e2b56f rgb(226,181,111)
```

Similar Colors

Text with hexadecimal color #e2986f

This text has a font color of #e2986f.

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

#e2986f background color

This paragraph has a background color of #e2986f.

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

#e2986f border color

This element has a border color of #e2986f.

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

CSS codes

.text {color:#e2986f;}

.background {background-color:#e2986f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130904
```
#130904 rgb(19,9,4)
```
#241107
```
#241107 rgb(36,17,7)
```
#34190a
```
#34190a rgb(52,25,10)
```
#44210e
```
#44210e rgb(68,33,14)
```
#552911
```
#552911 rgb(85,41,17)
```
#653114
```
#653114 rgb(101,49,20)
```
#753918
```
#753918 rgb(117,57,24)
```
#86411b
```
#86411b rgb(134,65,27)
```
#96491e
```
#96491e rgb(150,73,30)
```
#a65121
```
#a65121 rgb(166,81,33)
```
#b75925
```
#b75925 rgb(183,89,37)
```
#c76128
```
#c76128 rgb(199,97,40)
```

Shade Color Variation

#d5692e
```
#d5692e rgb(213,105,46)
```
#d8753e
```
#d8753e rgb(216,117,62)
```
#db814e
```
#db814e rgb(219,129,78)
```
#df8c5f
```
#df8c5f rgb(223,140,95)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#e5a47f
```
#e5a47f rgb(229,164,127)
```
#e9af90
```
#e9af90 rgb(233,175,144)
```
#ecbba0
```
#ecbba0 rgb(236,187,160)
```
#efc7b0
```
#efc7b0 rgb(239,199,176)
```
#f2d2c1
```
#f2d2c1 rgb(242,210,193)
```
#f6ded1
```
#f6ded1 rgb(246,222,209)
```
#f9eae1
```
#f9eae1 rgb(249,234,225)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#ada7a4
```
#ada7a4 rgb(173,167,164)
```
#b3a59e
```
#b3a59e rgb(179,165,158)
```
#baa397
```
#baa397 rgb(186,163,151)
```
#c1a290
```
#c1a290 rgb(193,162,144)
```
#c7a08a
```
#c7a08a rgb(199,160,138)
```
#ce9e83
```
#ce9e83 rgb(206,158,131)
```
#d59c7c
```
#d59c7c rgb(213,156,124)
```
#db9a76
```
#db9a76 rgb(219,154,118)
```
#e2986f
```
#e2986f rgb(226,152,111)
```
#e99668
```
#e99668 rgb(233,150,104)
```
#ef9462
```
#ef9462 rgb(239,148,98)
```
#f6925b
```
#f6925b rgb(246,146,91)
```
#fd9054
```
#fd9054 rgb(253,144,84)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b4a69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#baad7c Protanopia 1% of men
#cfa673 Deuteranopia 1% of men
#e797a1 Tritanopia 0.001% of the population

Trichromacy

#c9a577 Protanomaly 1% of men, 0.01% of women
#d6a172 Deuteranomaly 6% of men, 0.4% of women
#e5978f Tritanomaly 0.01% of the population

#e2986f hex color

#e2986f Color Information

#e2986f Color Conversion

Color Schemes with #e2986f

Alternatives to #e2986f

#e2986f Preview

Shades and Tints of #e2986f

Tones of #e2986f

Color Blindness Simulator