#EDDD97 Hex Color

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

Hex color #eddd97 graphic
This pale, desaturated yellow offers a delicate, airy quality ideal for minimalist UI backgrounds. The hex code #eddd97 feels fresh and optimistic without overwhelming the viewer. It shines when paired with dark, high-contrast text, which maintains excellent legibility on the screen. Use this shade to anchor bright layouts or support more saturated accent colors.

Questions about #eddd97

What is #eddd97 in RGB, HSL and CMYK?
In RGB, #eddd97 is rgb(237, 221, 151), in HSL hsl(49, 70%, 76%) and in CMYK 0%, 7%, 36%, 7%. Browse more shades of yellow with names and hex codes.
What colors pair best with #eddd97 for UI design?
Use deep charcoal or dark navy text against #eddd97 to ensure excellent legibility and a sophisticated, modern appearance. These high-contrast pairings anchor the airy quality of the yellow while maintaining professional readability for web interfaces.
Does #eddd97 lean warm or cool in a layout?
While #eddd97 acts as a neutral base, it carries a warm, sunny undertone that feels more inviting than a sterile white or stark gray. This warmth helps soften digital interfaces without appearing overly saturated or aggressive to the eyes.
Is #eddd97 readable on white or black?
#eddd97 has a 1.36:1 contrast ratio on white and 15.39: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.