#F3F3F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f3f3f9 is a near-white, cool grey with slight periwinkle undertones. It offers a softer, more sophisticated alternative to flat white, making it excellent for minimalist UI backgrounds. Because it provides high contrast for black text, use it as a 60% base for clean, airy interfaces. Keep in mind it can look washed out against pure white, so pair it with deeper charcoals or slate blues for balance.
Questions about #f3f3f9
What is #f3f3f9 in RGB, HSL and CMYK?
In RGB, #f3f3f9 is rgb(243, 243, 249), in HSL hsl(240, 33%, 96%) and in CMYK 2%, 2%, 0%, 2%.
How should I use #f3f3f9 in a website interface?
#f3f3f9 works best as a soft, airy background color that provides a modern, high-contrast base for deep text. Pair it with dark charcoal or slate blue typography to keep the interface legible while maintaining a clean, professional aesthetic.
Does #f3f3f9 look better with warm or cool tones?
Because #f3f3f9 contains distinct periwinkle undertones, it behaves as a cool-toned neutral. It is best paired with other cool colors like navy or soft blue-greys to maintain a cohesive, sophisticated, and balanced color palette across your design project.
Is #f3f3f9 readable on white or black?
#f3f3f9 has a 1.10:1 contrast ratio on white and 18.99: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.