#F8E7C9 Hex Color

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

Hex color #f8e7c9 graphic
#f8e7c9 is a luminous, very unsaturated beige with a soft yellow undertone and a warm, youthful feel. Its low saturation keeps it gentle rather than vivid, making it useful as a dominant background for spring layouts, baby products, interiors, and spa branding. The hex code #f8e7c9 also supports black text clearly, with about a 17.3:1 contrast ratio.

Questions about #f8e7c9

What is #f8e7c9 in RGB, HSL and CMYK?
In RGB, #f8e7c9 is rgb(248, 231, 201), in HSL hsl(38, 77%, 88%) and in CMYK 0%, 7%, 19%, 3%.
What colors pair well with #f8e7c9 in a design palette?
Pair #f8e7c9 with charcoal or navy for readable contrast, then add terracotta or muted sage in small amounts to give its pale, warm base more definition without losing its soft, neutral character.
Is #f8e7c9 suitable for text and UI backgrounds?
Use #f8e7c9 as a light background with black text: its approximately 17.3:1 contrast ratio exceeds the WCAG AA 4.5:1 requirement for body text and provides a strong foundation for readable labels, paragraphs, and interface controls. Avoid pale text on it, since the light surface leaves little separation.
Does #f8e7c9 read as warm or cool?
It reads warm because its high lightness carries a subtle yellow undertone, while very low saturation keeps the warmth restrained rather than giving it a bright or strongly golden cast in most palettes. That balance suits wellness, stationery, cosmetics, and understated luxury packaging.
Is #f8e7c9 readable on white or black?
#f8e7c9 has a 1.21:1 contrast ratio on white and 17.26: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.