#F5F8F9 Hex Color

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

Hex color #f5f8f9 graphic
#f5f8f9 is a barely-there grey with a cooling, crisp undertone. It offers a softer alternative to stark paper white, making it an ideal choice for UI backgrounds where you need high readability for black text. Use it to provide structure in minimalist layouts without overwhelming the eye. Because this hex code has such low saturation, pair it with muted earth tones to keep your palette grounded.

Questions about #f5f8f9

What is #f5f8f9 in RGB, HSL and CMYK?
In RGB, #f5f8f9 is rgb(245, 248, 249), in HSL hsl(195, 25%, 97%) and in CMYK 2%, 0%, 0%, 2%.
Why use #f5f8f9 instead of pure white for web backgrounds?
Pure white can often feel harsh or create glare on screens, causing eye fatigue during long reading sessions. #f5f8f9 provides a gentle, cooling structure that increases text legibility while maintaining a crisp, professional look for modern web interfaces.
What colors pair well with #f5f8f9?
This cool, desaturated grey works best when anchored by darker, muted tones like charcoal or navy. Adding these deeper colors provides the necessary visual contrast to keep your design from looking washed out or overly sterile.
Is #f5f8f9 readable on white or black?
#f5f8f9 has a 1.06:1 contrast ratio on white and 19.67: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.