#EDCC3E Hex Color

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

Select a Color

#edcc3e is a bright, warm yellow that commands immediate attention without feeling neon. Its high saturation makes it an excellent choice for 10% accent work in UI design, such as sale badges or calls to action. It pairs best with charcoal grays or deep navies to anchor its intensity. Because black text offers high contrast against this hex code, it remains readable in small, punchy layouts.

Questions about #edcc3e

What is #edcc3e in RGB, HSL and CMYK?

In RGB, #edcc3e is rgb(237, 204, 62), in HSL hsl(49, 83%, 59%) and in CMYK 0%, 14%, 74%, 7%. Browse more shades of yellow with names and hex codes.

What color schemes work best with #edcc3e?

This yellow pairs best with deep, grounding tones like charcoal or navy to anchor its intensity and prevent it from feeling overwhelming. Using these dark, neutral colors allows the vibrancy of #edcc3e to stand out as a functional accent without vibrating visually.

Is #edcc3e readable on white or black?

#edcc3e has a 1.57:1 contrast ratio on white and 13.30: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.

#EDCC3E Hex Color

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

Questions about #edcc3e

Color tools

Resources