#F1F5F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light grey creates a clean, airy base for modern UI designs. Because it sits just off-white, it feels softer and more grounded than a stark canvas. Use #f1f5f9 as a background to provide excellent contrast for black typography without causing eye strain. The hex code for this neutral shade is #f1f5f9, serving as a reliable choice for professional, minimalist layouts.
Questions about #f1f5f9
What is #f1f5f9 in RGB, HSL and CMYK?
In RGB, #f1f5f9 is rgb(241, 245, 249), in HSL hsl(210, 40%, 96%) and in CMYK 3%, 2%, 0%, 2%.
Does #f1f5f9 lean cool or warm?
The color #f1f5f9 leans slightly cool due to its subtle blue undertones, which gives it that crisp, airy appearance often associated with clean digital interfaces. This makes it feel refreshing and professional rather than heavy or industrial, providing a great alternative to standard white.
What design elements pair well with #f1f5f9?
This shade works best when paired with high-contrast elements like charcoal or deep navy text to ensure readability across all devices. Because it is so neutral, it also provides a stable foundation for vibrant brand accents without clashing with bold primary colors.
Is #f1f5f9 readable on white or black?
#f1f5f9 has a 1.09:1 contrast ratio on white and 19.16: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.