#edc54d hex color

In a RGB color space, hex #edc54d is composed of 92.9% red, 77.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 67.5% yellow and 7.1% black. It has a hue angle of 45 degrees, a saturation of 81.6% and a lightness of 61.6%. #edc54d color hex could be obtained by blending #ffff9a with #db8b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 93
- G 77
- B 30
RGB color chart
- C 0
- M 17
- Y 68
- K 7
CMYK color chart

● #edc54d color description : Soft yellow.

The hexadecimal color #edc54d has RGB values of R:237, G:197, B:77 and CMYK values of C:0, M:0.17, Y:0.68, K:0.07. Its decimal value is 15582541.

Hex triplet	edc54d	`#edc54d`
RGB Decimal	237, 197, 77	`rgb(237,197,77)`
RGB Percent	92.9, 77.3, 30.2	`rgb(92.9%,77.3%,30.2%)`
CMYK	0, 17, 68, 7
HSL	45°, 81.6, 61.6	`hsl(45,81.6%,61.6%)`
HSV (or HSB)	45°, 67.5, 92.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.002, 1.63, 63.164
XYZ	56.231, 58.475, 15.346
xyY	0.432, 0.45, 58.475
CIE-LCH	81.002, 63.185, 88.522
CIE-LUV	81.002, 33.505, 72.671
Hunter-Lab	76.469, -2.561, 41.63
Binary	11101101, 11000101, 01001101

#edc54d
```
#edc54d rgb(237,197,77)
```
#4d75ed
```
#4d75ed rgb(77,117,237)
```

Complementary Color

#ed754d
```
#ed754d rgb(237,117,77)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#c5ed4d
```
#c5ed4d rgb(197,237,77)
```

Analogous Color

#754ded
```
#754ded rgb(117,77,237)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#4dc5ed
```
#4dc5ed rgb(77,197,237)
```

Split Complementary Color

#c54ded
```
#c54ded rgb(197,77,237)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#4dedc5
```
#4dedc5 rgb(77,237,197)
```

Triadic Color

#ed4d75
```
#ed4d75 rgb(237,77,117)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#4dedc5
```
#4dedc5 rgb(77,237,197)
```
#4d75ed
```
#4d75ed rgb(77,117,237)
```

Tetradic Color

#d8a716
```
#d8a716 rgb(216,167,22)
```
#e8b61f
```
#e8b61f rgb(232,182,31)
```
#ebbd36
```
#ebbd36 rgb(235,189,54)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#efcd64
```
#efcd64 rgb(239,205,100)
```
#f2d47b
```
#f2d47b rgb(242,212,123)
```
#f4dc92
```
#f4dc92 rgb(244,220,146)
```

Monochromatic Color

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

#ed9d4d
```
#ed9d4d rgb(237,157,77)
```
#edaa4d
```
#edaa4d rgb(237,170,77)
```
#edb84d
```
#edb84d rgb(237,184,77)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#edd24d
```
#edd24d rgb(237,210,77)
```
#ede04d
```
#ede04d rgb(237,224,77)
```
#eded4d
```
#eded4d rgb(237,237,77)
```

Similar Colors

Text with hexadecimal color #edc54d

This text has a font color of #edc54d.

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

#edc54d background color

This paragraph has a background color of #edc54d.

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

#edc54d border color

This element has a border color of #edc54d.

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

CSS codes

.text {color:#edc54d;}

.background {background-color:#edc54d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120e02
```
#120e02 rgb(18,14,2)
```
#241c04
```
#241c04 rgb(36,28,4)
```
#362a05
```
#362a05 rgb(54,42,5)
```
#473707
```
#473707 rgb(71,55,7)
```
#594509
```
#594509 rgb(89,69,9)
```
#6b530b
```
#6b530b rgb(107,83,11)
```
#7d610d
```
#7d610d rgb(125,97,13)
```
#8f6f0e
```
#8f6f0e rgb(143,111,14)
```
#a07c10
```
#a07c10 rgb(160,124,16)
```
#b28a12
```
#b28a12 rgb(178,138,18)
```
#c49814
```
#c49814 rgb(196,152,20)
```
#d6a616
```
#d6a616 rgb(214,166,22)
```

Shade Color Variation

#e8b418
```
#e8b418 rgb(232,180,24)
```
#e9b929
```
#e9b929 rgb(233,185,41)
```
#ebbf3b
```
#ebbf3b rgb(235,191,59)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#efcb5f
```
#efcb5f rgb(239,203,95)
```
#f1d171
```
#f1d171 rgb(241,209,113)
```
#f2d682
```
#f2d682 rgb(242,214,130)
```
#f4dc94
```
#f4dc94 rgb(244,220,148)
```
#f6e2a6
```
#f6e2a6 rgb(246,226,166)
```
#f8e8b8
```
#f8e8b8 rgb(248,232,184)
```
#faeeca
```
#faeeca rgb(250,238,202)
```
#fbf3dc
```
#fbf3dc rgb(251,243,220)
```
#fdf9ed
```
#fdf9ed rgb(253,249,237)
```

Tint Color Variation

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

#a29f98
```
#a29f98 rgb(162,159,152)
```
#a9a391
```
#a9a391 rgb(169,163,145)
```
#b1a789
```
#b1a789 rgb(177,167,137)
```
#b8ab82
```
#b8ab82 rgb(184,171,130)
```
#c0ae7a
```
#c0ae7a rgb(192,174,122)
```
#c7b273
```
#c7b273 rgb(199,178,115)
```
#cfb66b
```
#cfb66b rgb(207,182,107)
```
#d6ba64
```
#d6ba64 rgb(214,186,100)
```
#debd5c
```
#debd5c rgb(222,189,92)
```
#e5c155
```
#e5c155 rgb(229,193,85)
```
#edc54d
```
#edc54d rgb(237,197,77)
```
#f5c945
```
#f5c945 rgb(245,201,69)
```
#fccd3e
```
#fccd3e rgb(252,205,62)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cbc3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cc57 Protanopia 1% of men
#fbc258 Deuteranopia 1% of men
#f7bcc9 Tritanopia 0.001% of the population

Trichromacy

#e6c953 Protanomaly 1% of men, 0.01% of women
#f6c354 Deuteranomaly 6% of men, 0.4% of women
#f3bf9c Tritanomaly 0.01% of the population

#edc54d hex color

#edc54d Color Information

#edc54d Color Conversion

Color Schemes with #edc54d

Alternatives to #edc54d

#edc54d Preview

Shades and Tints of #edc54d

Tones of #edc54d

Color Blindness Simulator