#EDB949 Hex Color

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

Hex color #edb949 graphic
#edb949 is a punchy, warm yellow with a strong golden undertone. Because it offers a solid 11.6:1 contrast ratio against black, it works surprisingly well for readable body text despite its brightness. Avoid using this hex code as a dominant background, as it quickly overwhelms the eye. Instead, treat it as a 10% accent for buttons or alerts to capture immediate attention.

Questions about #edb949

What is #edb949 in RGB, HSL and CMYK?
In RGB, #edb949 is rgb(237, 185, 73), in HSL hsl(41, 82%, 61%) and in CMYK 0%, 22%, 69%, 7%.
How should I use #edb949 in UI design?
Treat #edb949 as a high-visibility accent color rather than a primary background to avoid overwhelming your users. Because it maintains a high contrast ratio against black, it works effectively for alert icons or call-to-action buttons that need immediate attention.
What colors pair well with #edb949?
This golden yellow pairs beautifully with deep navy or charcoal to ground its intensity and provide visual balance. If you want a more organic feel, try blending it with deep olive for a sophisticated, earthy palette that reduces the overall brightness.
Is #edb949 readable on white or black?
#edb949 has a 1.80:1 contrast ratio on white and 11.63: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.