#F5F7F7 Hex Color

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

Hex color #f5f7f7 graphic
#f5f7f7 is a pristine, pale grey that functions as a perfect neutral base for minimalist web designs. Because it maintains a 19.5:1 contrast ratio with black text, it provides excellent readability for body copy. This tone feels softer than pure white, making it a reliable choice for UI backgrounds and interface elements. The hex code for this airy, clean shade is #f5f7f7.

Questions about #f5f7f7

What is #f5f7f7 in RGB, HSL and CMYK?
In RGB, #f5f7f7 is rgb(245, 247, 247), in HSL hsl(180, 11%, 96%) and in CMYK 1%, 0%, 0%, 3%.
Is #f5f7f7 better for web backgrounds than pure white?
#f5f7f7 is often superior to pure white because it reduces eye strain during prolonged screen reading while maintaining a clean, professional aesthetic. It feels slightly softer and more intentional, providing a subtle depth that helps distinct interface elements pop without needing extra borders.
What colors pair well with #f5f7f7 for a balanced palette?
Because #f5f7f7 is a neutral, it pairs exceptionally well with strong, high-contrast accents like charcoal for typography or a muted navy for primary buttons. You can also ground it with earthy tones or keep it strictly monochromatic by adding varying shades of darker slate grey.
Is #f5f7f7 readable on white or black?
#f5f7f7 has a 1.07:1 contrast ratio on white and 19.52: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.