#edd557 hex color

In a RGB color space, hex #edd557 is composed of 92.9% red, 83.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.1% magenta, 63.3% yellow and 7.1% black. It has a hue angle of 50.4 degrees, a saturation of 80.6% and a lightness of 63.5%. #edd557 color hex could be obtained by blending #ffffae with #dbab00. Closest websafe color is: #ffcc66.

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

● #edd557 color description : Soft yellow.

The hexadecimal color #edd557 has RGB values of R:237, G:213, B:87 and CMYK values of C:0, M:0.1, Y:0.63, K:0.07. Its decimal value is 15586647.

Hex triplet	edd557	`#edd557`
RGB Decimal	237, 213, 87	`rgb(237,213,87)`
RGB Percent	92.9, 83.5, 34.1	`rgb(92.9%,83.5%,34.1%)`
CMYK	0, 10, 63, 7
HSL	50.4°, 80.6, 63.5	`hsl(50.4,80.6%,63.5%)`
HSV (or HSB)	50.4°, 63.3, 92.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.141, -5.987, 63.355
XYZ	60.44, 66.283, 18.627
xyY	0.416, 0.456, 66.283
CIE-LCH	85.141, 63.637, 95.398
CIE-LUV	85.141, 21.972, 76.172
Hunter-Lab	81.414, -9.961, 43.425
Binary	11101101, 11010101, 01010111

#edd557
```
#edd557 rgb(237,213,87)
```
#576fed
```
#576fed rgb(87,111,237)
```

Complementary Color

#ed8a57
```
#ed8a57 rgb(237,138,87)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#baed57
```
#baed57 rgb(186,237,87)
```

Analogous Color

#8a57ed
```
#8a57ed rgb(138,87,237)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#57baed
```
#57baed rgb(87,186,237)
```

Split Complementary Color

#d557ed
```
#d557ed rgb(213,87,237)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#57edd5
```
#57edd5 rgb(87,237,213)
```

Triadic Color

#ed576f
```
#ed576f rgb(237,87,111)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#57edd5
```
#57edd5 rgb(87,237,213)
```
#576fed
```
#576fed rgb(87,111,237)
```

Tetradic Color

#e0c018
```
#e0c018 rgb(224,192,24)
```
#e8c929
```
#e8c929 rgb(232,201,41)
```
#ebcf40
```
#ebcf40 rgb(235,207,64)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#efdb6e
```
#efdb6e rgb(239,219,110)
```
#f2e185
```
#f2e185 rgb(242,225,133)
```
#f4e69c
```
#f4e69c rgb(244,230,156)
```

Monochromatic Color

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

#edb057
```
#edb057 rgb(237,176,87)
```
#edbc57
```
#edbc57 rgb(237,188,87)
```
#edc957
```
#edc957 rgb(237,201,87)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#ede257
```
#ede257 rgb(237,226,87)
```
#eced57
```
#eced57 rgb(236,237,87)
```
#e0ed57
```
#e0ed57 rgb(224,237,87)
```

Similar Colors

Text with hexadecimal color #edd557

This text has a font color of #edd557.

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

#edd557 background color

This paragraph has a background color of #edd557.

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

#edd557 border color

This element has a border color of #edd557.

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

CSS codes

.text {color:#edd557;}

.background {background-color:#edd557;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1b1703
```
#1b1703 rgb(27,23,3)
```
#2d2605
```
#2d2605 rgb(45,38,5)
```
#3e3507
```
#3e3507 rgb(62,53,7)
```
#504509
```
#504509 rgb(80,69,9)
```
#62540a
```
#62540a rgb(98,84,10)
```
#73630c
```
#73630c rgb(115,99,12)
```
#85720e
```
#85720e rgb(133,114,14)
```
#978110
```
#978110 rgb(151,129,16)
```
#a99112
```
#a99112 rgb(169,145,18)
```
#baa014
```
#baa014 rgb(186,160,20)
```
#ccaf16
```
#ccaf16 rgb(204,175,22)
```
#debe18
```
#debe18 rgb(222,190,24)
```

Shade Color Variation

#e7c822
```
#e7c822 rgb(231,200,34)
```
#e9cc34
```
#e9cc34 rgb(233,204,52)
```
#ebd145
```
#ebd145 rgb(235,209,69)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#efd969
```
#efd969 rgb(239,217,105)
```
#f1de7a
```
#f1de7a rgb(241,222,122)
```
#f3e28c
```
#f3e28c rgb(243,226,140)
```
#f5e79e
```
#f5e79e rgb(245,231,158)
```
#f6ebb0
```
#f6ebb0 rgb(246,235,176)
```
#f8f0c1
```
#f8f0c1 rgb(248,240,193)
```
#faf4d3
```
#faf4d3 rgb(250,244,211)
```
#fcf8e5
```
#fcf8e5 rgb(252,248,229)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#a5a49f
```
#a5a49f rgb(165,164,159)
```
#ada997
```
#ada997 rgb(173,169,151)
```
#b4ae90
```
#b4ae90 rgb(180,174,144)
```
#bbb389
```
#bbb389 rgb(187,179,137)
```
#c2b882
```
#c2b882 rgb(194,184,130)
```
#c9bd7b
```
#c9bd7b rgb(201,189,123)
```
#d0c274
```
#d0c274 rgb(208,194,116)
```
#d8c66c
```
#d8c66c rgb(216,198,108)
```
#dfcb65
```
#dfcb65 rgb(223,203,101)
```
#e6d05e
```
#e6d05e rgb(230,208,94)
```
#edd557
```
#edd557 rgb(237,213,87)
```
#f4da50
```
#f4da50 rgb(244,218,80)
```
#fbdf49
```
#fbdf49 rgb(251,223,73)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d4cfb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed75f Protanopia 1% of men
#ffcf87 Deuteranopia 1% of men
#f9cad8 Tritanopia 0.001% of the population

Trichromacy

#edd65c Protanomaly 1% of men, 0.01% of women
#f8d175 Deuteranomaly 6% of men, 0.4% of women
#f4cea9 Tritanomaly 0.01% of the population

#edd557 hex color

#edd557 Color Information

#edd557 Color Conversion

Color Schemes with #edd557

Alternatives to #edd557

#edd557 Preview

Shades and Tints of #edd557

Tones of #edd557

Color Blindness Simulator