#edd59f hex color

In a RGB color space, hex #edd59f is composed of 92.9% red, 83.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.1% magenta, 32.9% yellow and 7.1% black. It has a hue angle of 41.5 degrees, a saturation of 68.4% and a lightness of 77.6%. #edd59f color hex could be obtained by blending #ffffff with #dbab3f. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 93
- G 84
- B 62
RGB color chart
- C 0
- M 10
- Y 33
- K 7
CMYK color chart

● #edd59f color description : Very soft orange.

The hexadecimal color #edd59f has RGB values of R:237, G:213, B:159 and CMYK values of C:0, M:0.1, Y:0.33, K:0.07. Its decimal value is 15586719.

Hex triplet	edd59f	`#edd59f`
RGB Decimal	237, 213, 159	`rgb(237,213,159)`
RGB Percent	92.9, 83.5, 62.4	`rgb(92.9%,83.5%,62.4%)`
CMYK	0, 10, 33, 7
HSL	41.5°, 68.4, 77.6	`hsl(41.5,68.4%,77.6%)`
HSV (or HSB)	41.5°, 32.9, 92.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	86.055, 0.57, 29.77
XYZ	64.977, 68.098, 42.52
xyY	0.37, 0.388, 68.098
CIE-LCH	86.055, 29.776, 88.903
CIE-LUV	86.055, 18.18, 40.839
Hunter-Lab	82.521, -3.863, 27.215
Binary	11101101, 11010101, 10011111

#edd59f
```
#edd59f rgb(237,213,159)
```
#9fb7ed
```
#9fb7ed rgb(159,183,237)
```

Complementary Color

#edae9f
```
#edae9f rgb(237,174,159)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#deed9f
```
#deed9f rgb(222,237,159)
```

Analogous Color

#ae9fed
```
#ae9fed rgb(174,159,237)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#9fdeed
```
#9fdeed rgb(159,222,237)
```

Split Complementary Color

#d59fed
```
#d59fed rgb(213,159,237)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#9fedd5
```
#9fedd5 rgb(159,237,213)
```

Triadic Color

#ed9fb7
```
#ed9fb7 rgb(237,159,183)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#9fedd5
```
#9fedd5 rgb(159,237,213)
```
#9fb7ed
```
#9fb7ed rgb(159,183,237)
```

Tetradic Color

#e1b95f
```
#e1b95f rgb(225,185,95)
```
#e5c274
```
#e5c274 rgb(229,194,116)
```
#e9cc8a
```
#e9cc8a rgb(233,204,138)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#f1deb4
```
#f1deb4 rgb(241,222,180)
```
#f5e8ca
```
#f5e8ca rgb(245,232,202)
```
#f9f1df
```
#f9f1df rgb(249,241,223)
```

Monochromatic Color

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

#edc29f
```
#edc29f rgb(237,194,159)
```
#edc89f
```
#edc89f rgb(237,200,159)
```
#edcf9f
```
#edcf9f rgb(237,207,159)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#eddc9f
```
#eddc9f rgb(237,220,159)
```
#ede29f
```
#ede29f rgb(237,226,159)
```
#ede99f
```
#ede99f rgb(237,233,159)
```

Similar Colors

Text with hexadecimal color #edd59f

This text has a font color of #edd59f.

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

#edd59f background color

This paragraph has a background color of #edd59f.

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

#edd59f border color

This element has a border color of #edd59f.

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

CSS codes

.text {color:#edd59f;}

.background {background-color:#edd59f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140f04
```
#140f04 rgb(20,15,4)
```
#241b07
```
#241b07 rgb(36,27,7)
```
#35270a
```
#35270a rgb(53,39,10)
```
#45340d
```
#45340d rgb(69,52,13)
```
#564010
```
#564010 rgb(86,64,16)
```
#664d13
```
#664d13 rgb(102,77,19)
```
#775916
```
#775916 rgb(119,89,22)
```
#876519
```
#876519 rgb(135,101,25)
```
#98721c
```
#98721c rgb(152,114,28)
```
#a87e20
```
#a87e20 rgb(168,126,32)
```
#b98b23
```
#b98b23 rgb(185,139,35)
```
#c99726
```
#c99726 rgb(201,151,38)
```

Shade Color Variation

#d7a22b
```
#d7a22b rgb(215,162,43)
```
#daaa3c
```
#daaa3c rgb(218,170,60)
```
#deb14c
```
#deb14c rgb(222,177,76)
```
#e1b85d
```
#e1b85d rgb(225,184,93)
```
#e4bf6d
```
#e4bf6d rgb(228,191,109)
```
#e7c77e
```
#e7c77e rgb(231,199,126)
```
#eace8e
```
#eace8e rgb(234,206,142)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#f0dcb0
```
#f0dcb0 rgb(240,220,176)
```
#f3e3c0
```
#f3e3c0 rgb(243,227,192)
```
#f6ebd1
```
#f6ebd1 rgb(246,235,209)
```
#f9f2e1
```
#f9f2e1 rgb(249,242,225)
```
#fcf9f2
```
#fcf9f2 rgb(252,249,242)
```

Tint Color Variation

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

#cac8c2
```
#cac8c2 rgb(202,200,194)
```
#cec9be
```
#cec9be rgb(206,201,190)
```
#d3cbb9
```
#d3cbb9 rgb(211,203,185)
```
#d7cdb5
```
#d7cdb5 rgb(215,205,181)
```
#dbceb1
```
#dbceb1 rgb(219,206,177)
```
#e0d0ac
```
#e0d0ac rgb(224,208,172)
```
#e4d2a8
```
#e4d2a8 rgb(228,210,168)
```
#e9d3a3
```
#e9d3a3 rgb(233,211,163)
```
#edd59f
```
#edd59f rgb(237,213,159)
```
#f1d79b
```
#f1d79b rgb(241,215,155)
```
#f6d896
```
#f6d896 rgb(246,216,150)
```
#fada92
```
#fada92 rgb(250,218,146)
```
#ffdc8d
```
#ffdc8d rgb(255,220,141)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dbd6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d8a4 Protanopia 1% of men
#fed0a5 Deuteranopia 1% of men
#f5cfdd Tritanopia 0.001% of the population

Trichromacy

#ead7a2 Protanomaly 1% of men, 0.01% of women
#f8d2a3 Deuteranomaly 6% of men, 0.4% of women
#f2d1c7 Tritanomaly 0.01% of the population

#edd59f hex color

#edd59f Color Information

#edd59f Color Conversion

Color Schemes with #edd59f

Alternatives to #edd59f

#edd59f Preview

Shades and Tints of #edd59f

Tones of #edd59f

Color Blindness Simulator