#F5F5F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale grey offers a softer alternative to standard white backgrounds. Because it is so desaturated, #f5f5f8 maintains excellent readability with high-contrast black text. Designers rely on this hex code as a neutral foundation for minimalist interfaces or airy architectural layouts. Pair it with soft, muted tones to avoid a washed-out look, as it can appear stark when placed directly against pure white.
Questions about #f5f5f8
What is #f5f5f8 in RGB, HSL and CMYK?
In RGB, #f5f5f8 is rgb(245, 245, 248), in HSL hsl(240, 18%, 97%) and in CMYK 1%, 1%, 0%, 3%.
Is #f5f5f8 better for UI design than pure white?
#f5f5f8 is often superior to pure white because it reduces eye strain while maintaining a clean, professional aesthetic. It provides enough depth to separate card elements or navigation bars from the page background without looking stark or clinical.
What colors pair best with #f5f5f8 for a balanced palette?
Pair #f5f5f8 with high-contrast, dark neutrals like charcoal or deep navy to establish a grounded, sophisticated look. To avoid a sterile feel, incorporate warmer accents or soft textures to complement the cool, desaturated base of this grey.
Is #f5f5f8 readable on white or black?
#f5f5f8 has a 1.08:1 contrast ratio on white and 19.29: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.