#F2E7AA Hex Color

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

Hex color #f2e7aa graphic
#f2e7aa is a pale, muted yellow with soft beige undertones. Its high lightness and low saturation create a mellow, welcoming mood suited to spring layouts, baby products, wellness branding, and warm interiors. Use it as a dominant background with black text, since it can look washed out beside white. The hex code is #f2e7aa.

Questions about #f2e7aa

What is #f2e7aa in RGB, HSL and CMYK?
In RGB, #f2e7aa is rgb(242, 231, 170), in HSL hsl(51, 73%, 81%) and in CMYK 0%, 5%, 30%, 5%.
What colors pair well with #f2e7aa?
#f2e7aa pairs well with charcoal, deep olive, muted terracotta, and warm brown, creating enough contrast to ground its pale yellow base while preserving a warm, relaxed feel in layouts, packaging, and interiors. Softer combinations include cream, sage, and dusty peach.
Is #f2e7aa warm or cool?
#f2e7aa reads as a warm, pale yellow because its yellow base is softened by beige rather than blue or cool gray undertones, giving the shade a gentle, welcoming character in most applications. Its high lightness keeps that warmth soft rather than intense.
What text color works best with #f2e7aa?
#f2e7aa works best as a light background with black or very dark text, which provides strong readability; white text can lose clarity against the shade’s high-lightness surface in normal-sized body copy. Check the exact pairing with a contrast tool before using it for essential content.
Is #f2e7aa readable on white or black?
#f2e7aa has a 1.25:1 contrast ratio on white and 16.78: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.