#EDC00B Hex Color

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

Hex color #edc00b graphic
A bright, high-chroma yellow, #edc00b carries a sharp, enthusiastic energy that commands attention. Because it is so saturated, it works best as a punchy 10% accent rather than a dominant background. Pair it with deep charcoal or navy text to ensure high readability, as black text offers excellent contrast. This hex code is a practical choice for sale badges or call-to-action buttons.

Questions about #edc00b

What is #edc00b in RGB, HSL and CMYK?
In RGB, #edc00b is rgb(237, 192, 11), in HSL hsl(48, 91%, 49%) and in CMYK 0%, 19%, 95%, 7%.
How do I use #edc00b effectively in a UI design?
Reserve #edc00b for small, high-impact UI elements like call-to-action buttons or sale badges because its high saturation can overwhelm a layout. It demands attention, so use it sparingly to guide user eyes toward the most important interactions on the page.
What colors pair well with #edc00b?
This bright yellow creates a clean, readable contrast when paired with charcoal or deep navy text. These dark, neutral backgrounds ground the intense energy of #edc00b, preventing the color from vibrating too aggressively against standard white backgrounds.
Is #edc00b readable on white or black?
#edc00b has a 1.72:1 contrast ratio on white and 12.14: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.