#F2E1AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, buttery yellow with strong beige undertones, #f2e1ae creates an approachable and soft aesthetic. Because it is highly unsaturated, it functions best as a warm base rather than an accent. This shade provides excellent legibility for black body text, making it a reliable choice for UI backgrounds. Pair it with deep charcoal or muted olive to prevent the color from looking washed out.
Questions about #f2e1ae
What is #f2e1ae in RGB, HSL and CMYK?
In RGB, #f2e1ae is rgb(242, 225, 174), in HSL hsl(45, 72%, 82%) and in CMYK 0%, 7%, 28%, 5%.
Does #f2e1ae work well for text-heavy interfaces?
The high saturation makes #f2e1ae an excellent choice for UI backgrounds because it provides strong, readable contrast when paired with deep charcoal or dark brown body text. It remains soft enough to prevent the eye fatigue often caused by pure white screens.
How do I keep #f2e1ae from looking washed out in a design?
Ground #f2e1ae with darker accents like muted olive or charcoal to provide necessary structure. Because this color is highly unsaturated, using it against other light colors often makes a layout feel vague, undefined, or overly bright.
Is #f2e1ae readable on white or black?
#f2e1ae has a 1.29:1 contrast ratio on white and 16.15: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.