#edc986 hex color

In a RGB color space, hex #edc986 is composed of 92.9% red, 78.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.2% magenta, 43.5% yellow and 7.1% black. It has a hue angle of 39 degrees, a saturation of 74.1% and a lightness of 72.7%. #edc986 color hex could be obtained by blending #ffffff with #db930d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 93
- G 79
- B 53
RGB color chart
- C 0
- M 15
- Y 43
- K 7
CMYK color chart

● #edc986 color description : Very soft orange.

The hexadecimal color #edc986 has RGB values of R:237, G:201, B:134 and CMYK values of C:0, M:0.15, Y:0.43, K:0.07. Its decimal value is 15583622.

Hex triplet	edc986	`#edc986`
RGB Decimal	237, 201, 134	`rgb(237,201,134)`
RGB Percent	92.9, 78.8, 52.5	`rgb(92.9%,78.8%,52.5%)`
CMYK	0, 15, 43, 7
HSL	39°, 74.1, 72.7	`hsl(39,74.1%,72.7%)`
HSV (or HSB)	39°, 43.5, 92.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.647, 3.987, 38.146
XYZ	60.115, 61.501, 31.257
xyY	0.393, 0.402, 61.501
CIE-LCH	82.647, 38.354, 84.033
CIE-LUV	82.647, 27.453, 49.3
Hunter-Lab	78.423, -0.411, 31.264
Binary	11101101, 11001001, 10000110

#edc986
```
#edc986 rgb(237,201,134)
```
#86aaed
```
#86aaed rgb(134,170,237)
```

Complementary Color

#ed9686
```
#ed9686 rgb(237,150,134)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#deed86
```
#deed86 rgb(222,237,134)
```

Analogous Color

#9686ed
```
#9686ed rgb(150,134,237)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#86deed
```
#86deed rgb(134,222,237)
```

Split Complementary Color

#c986ed
```
#c986ed rgb(201,134,237)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#86edc9
```
#86edc9 rgb(134,237,201)
```

Triadic Color

#ed86aa
```
#ed86aa rgb(237,134,170)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#86edc9
```
#86edc9 rgb(134,237,201)
```
#86aaed
```
#86aaed rgb(134,170,237)
```

Tetradic Color

#e3ab43
```
#e3ab43 rgb(227,171,67)
```
#e6b55a
```
#e6b55a rgb(230,181,90)
```
#eabf70
```
#eabf70 rgb(234,191,112)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#f0d39c
```
#f0d39c rgb(240,211,156)
```
#f4ddb2
```
#f4ddb2 rgb(244,221,178)
```
#f7e7c9
```
#f7e7c9 rgb(247,231,201)
```

Monochromatic Color

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

#edaf86
```
#edaf86 rgb(237,175,134)
```
#edb886
```
#edb886 rgb(237,184,134)
```
#edc086
```
#edc086 rgb(237,192,134)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#edd286
```
#edd286 rgb(237,210,134)
```
#edda86
```
#edda86 rgb(237,218,134)
```
#ede386
```
#ede386 rgb(237,227,134)
```

Similar Colors

Text with hexadecimal color #edc986

This text has a font color of #edc986.

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

#edc986 background color

This paragraph has a background color of #edc986.

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

#edc986 border color

This element has a border color of #edc986.

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

CSS codes

.text {color:#edc986;}

.background {background-color:#edc986;}

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

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

#100b02
```
#100b02 rgb(16,11,2)
```
#211705
```
#211705 rgb(33,23,5)
```
#322307
```
#322307 rgb(50,35,7)
```
#432f0a
```
#432f0a rgb(67,47,10)
```
#543b0c
```
#543b0c rgb(84,59,12)
```
#65470f
```
#65470f rgb(101,71,15)
```
#765312
```
#765312 rgb(118,83,18)
```
#875f14
```
#875f14 rgb(135,95,20)
```
#986b17
```
#986b17 rgb(152,107,23)
```
#a97719
```
#a97719 rgb(169,119,25)
```
#ba831c
```
#ba831c rgb(186,131,28)
```
#cb8f1e
```
#cb8f1e rgb(203,143,30)
```
#dd9b21
```
#dd9b21 rgb(221,155,33)
```

Shade Color Variation

#e0a331
```
#e0a331 rgb(224,163,49)
```
#e3ab42
```
#e3ab42 rgb(227,171,66)
```
#e5b253
```
#e5b253 rgb(229,178,83)
```
#e8ba64
```
#e8ba64 rgb(232,186,100)
```
#eac175
```
#eac175 rgb(234,193,117)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#f0d197
```
#f0d197 rgb(240,209,151)
```
#f2d8a8
```
#f2d8a8 rgb(242,216,168)
```
#f5e0b9
```
#f5e0b9 rgb(245,224,185)
```
#f7e7ca
```
#f7e7ca rgb(247,231,202)
```
#faefdb
```
#faefdb rgb(250,239,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#bdbbb6
```
#bdbbb6 rgb(189,187,182)
```
#c2bcb1
```
#c2bcb1 rgb(194,188,177)
```
#c8beab
```
#c8beab rgb(200,190,171)
```
#cdbfa6
```
#cdbfa6 rgb(205,191,166)
```
#d2c1a1
```
#d2c1a1 rgb(210,193,161)
```
#d8c39b
```
#d8c39b rgb(216,195,155)
```
#ddc496
```
#ddc496 rgb(221,196,150)
```
#e2c691
```
#e2c691 rgb(226,198,145)
```
#e8c78b
```
#e8c78b rgb(232,199,139)
```
#edc986
```
#edc986 rgb(237,201,134)
```
#f2cb81
```
#f2cb81 rgb(242,203,129)
```
#f8cc7b
```
#f8cc7b rgb(248,204,123)
```
#fdce76
```
#fdce76 rgb(253,206,118)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d3cbbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d08d Protanopia 1% of men
#f8c78d Deuteranopia 1% of men
#f5c3d0 Tritanopia 0.001% of the population

Trichromacy

#e5cd8b Protanomaly 1% of men, 0.01% of women
#f4c88a Deuteranomaly 6% of men, 0.4% of women
#f2c5b5 Tritanomaly 0.01% of the population

#edc986 hex color

#edc986 Color Information

#edc986 Color Conversion

Color Schemes with #edc986

Alternatives to #edc986

#edc986 Preview

Shades and Tints of #edc986

Tones of #edc986

Color Blindness Simulator