#F9EEA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel yellow has a luminous, unsaturated quality that feels gentle and mellow. Because it provides high contrast with black text, the hex code #f9eea2 works exceptionally well for readable UI backgrounds. Pair it with soft charcoal or deep slate grays to avoid a washed-out look. It serves as a cheerful, unobtrusive base for spring-themed branding or baby-focused design projects.
Questions about #f9eea2
What is #f9eea2 in RGB, HSL and CMYK?
In RGB, #f9eea2 is rgb(249, 238, 162), in HSL hsl(52, 88%, 81%) and in CMYK 0%, 4%, 35%, 2%.
What colors pair best with the #f9eea2 pastel yellow?
#f9eea2 works best when grounded by darker, neutral tones that prevent it from looking too washed out. Specifically, pairing it with charcoal or deep slate creates a sophisticated, high-contrast look that remains easy to read on screens.
Is #f9eea2 suitable for text-heavy UI designs?
While #f9eea2 is excellent for background sections, it is generally too pale to support standard black text for long-form reading without increasing the font weight. Use it as a secondary or accent background color rather than a primary canvas for dense paragraphs.
Is #f9eea2 readable on white or black?
#f9eea2 has a 1.18:1 contrast ratio on white and 17.77: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.