#F4D689 Hex Color

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

Hex color #f4d689 graphic
#f4d689 is a light, warm yellow with soft peach and cream undertones. Its moderate saturation gives designs a gentle, youthful glow without feeling loud, making it useful for spring backgrounds, baby products, budget branding, and sale graphics. Use it as a dominant base with charcoal or deep navy text. Black body text remains highly legible. The hex code is #f4d689.

Questions about #f4d689

What is #f4d689 in RGB, HSL and CMYK?
In RGB, #f4d689 is rgb(244, 214, 137), in HSL hsl(43, 83%, 75%) and in CMYK 0%, 12%, 44%, 4%.
What colors pair well with #f4d689?
The best pairings for #f4d689 are charcoal, deep navy, and muted sage, because these darker or subdued hues balance its warm yellow base and keep layouts bright without becoming visually loud. Use charcoal or navy for headlines and body text.
What mood does #f4d689 create, and where does it work well?
#f4d689 creates a gentle, youthful mood through its warm yellow base and soft peach-cream undertones, making it well suited to spring backgrounds, baby products, friendly budget branding, and upbeat sale graphics. Pair it with dark text to keep the design grounded.
Is #f4d689 readable on white or black?
#f4d689 has a 1.41:1 contrast ratio on white and 14.82: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.