#EDC528 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #edc528 graphic
Reach for this yellow when a design needs to shout: sale banners, clearance tags, and construction signage all lean on its glow. The hex code #edc528 is highly saturated and warm, so it reads energetic up close but turns loud across large surfaces. Best as an accent at roughly 10 percent of a palette, paired with charcoal or navy. Black text sits comfortably on top, with a contrast ratio near 12.6:1.

Questions about #edc528

What is #edc528 in RGB, HSL and CMYK?
In RGB, #edc528 is rgb(237, 197, 40), in HSL hsl(48, 85%, 54%) and in CMYK 0%, 17%, 83%, 7%.
What text color works best on #edc528?
Black text is the clear winner, with a contrast ratio of about 12.6:1 against #edc528, well above the 4.5:1 WCAG AA threshold for body text. White text falls short, so keep it off small type on this yellow.
What colors pair well with #edc528?
#edc528 pairs well with charcoal for punchy contrast or deep navy for a classic combo. Treat it as an accent, since full backgrounds of this yellow can overwhelm a layout.
Is #edc528 readable on white or black?
#edc528 has a 1.66:1 contrast ratio on white and 12.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.