#F7F8F9 Hex Color

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

Hex color #f7f8f9 graphic
This pale, bleached grey acts as a sophisticated alternative to pure white. Because #f7f8f9 offers high contrast for black text, it serves as an excellent base for UI backgrounds and minimal interfaces. While standard white can feel clinical, this neutral provides a softer, more grounded finish. Use this hex code to build airy designs that maintain perfect readability without sacrificing a clean, modern aesthetic.

Questions about #f7f8f9

What is #f7f8f9 in RGB, HSL and CMYK?
In RGB, #f7f8f9 is rgb(247, 248, 249), in HSL hsl(210, 14%, 97%) and in CMYK 1%, 0%, 0%, 2%.
Why choose #f7f8f9 over pure white for UI design?
#f7f8f9 provides a softer, less jarring backdrop that reduces eye strain in long-form reading environments. By moving away from stark white, designers can create a more inviting, grounded feel while still maintaining the high-contrast accessibility needed for legible black text.
What colors pair well with #f7f8f9?
This neutral off-white works best when paired with deep, saturated tones like navy or charcoal to establish visual hierarchy. You can also use it alongside soft pastels to maintain an airy, minimalist aesthetic without the colors appearing washed out or flat.
Is #f7f8f9 readable on white or black?
#f7f8f9 has a 1.06:1 contrast ratio on white and 19.74: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.