#F4F7F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f4f7f8 is an airy, desaturated grey that sits just off-white. This color provides a subtle, neutral backdrop that feels cleaner and less sterile than pure white. Because it offers strong contrast against black text, it functions perfectly for UI backgrounds or minimal web design interfaces. Designers often use this hex code as a stabilizing base that keeps complex color palettes from feeling overwhelming.
Questions about #f4f7f8
What is #f4f7f8 in RGB, HSL and CMYK?
In RGB, #f4f7f8 is rgb(244, 247, 248), in HSL hsl(195, 22%, 96%) and in CMYK 2%, 0%, 0%, 3%.
How does #f4f7f8 perform in web design compared to pure white?
#f4f7f8 offers a significantly softer, more approachable feel than pure white, which can often look harsh or clinical on screens. Using this off-white reduces eye strain while maintaining enough contrast to keep black or dark text highly readable.
Which color palettes pair best with #f4f7f8?
Is #f4f7f8 readable on white or black?
#f4f7f8 has a 1.07:1 contrast ratio on white and 19.50: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.