#F9FAFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f9fafc acts as a pristine, neutral backdrop that feels lighter and softer than pure white. Because this shade is so high-key, it offers excellent readability for dark text, providing a 20.1:1 contrast ratio. Designers rely on this hex code for clean, minimal interfaces where stark white feels too clinical. Pair it with soft grays or muted pastels to maintain an airy, delicate aesthetic in your layouts.
Questions about #f9fafc
What is #f9fafc in RGB, HSL and CMYK?
In RGB, #f9fafc is rgb(249, 250, 252), in HSL hsl(220, 33%, 98%) and in CMYK 1%, 1%, 0%, 1%.
Is #f9fafc a good replacement for pure white in UI design?
#f9fafc serves as an excellent alternative to pure white because it reduces eye strain during long reading sessions while maintaining a high contrast ratio. It provides a softer, less clinical backdrop that helps dark text appear more approachable and legible.
What colors pair well with #f9fafc?
#f9fafc creates a balanced, sophisticated aesthetic when paired with muted tones like sage or dusty blue. These low-saturation combinations prevent the interface from looking too harsh and keep the visual hierarchy centered on your primary content and typography.
Is #f9fafc readable on white or black?
#f9fafc has a 1.04:1 contrast ratio on white and 20.10: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.