#F0F0F2 Hex Color
An airy, grounded alternative to white
This ultra-light grey is nearly colorless, providing a restrained, airy foundation for clean UI and editorial design. Because it lacks strong saturation, #f0f0f2 works best as a background that feels more grounded than pure white. Pair it with high-contrast black typography to ensure readability, as this hex code can look washed out when placed next to stark white elements.
Questions about #f0f0f2
What is #f0f0f2 in RGB, HSL and CMYK?
In RGB, #f0f0f2 is rgb(240, 240, 242), in HSL hsl(240, 7%, 95%) and in CMYK 1%, 1%, 0%, 5%.
When should I choose #f0f0f2 instead of pure white?
Use #f0f0f2 when you need a background that feels less stark than pure white, providing a soft, grounded surface for your content. It creates a subtle layer of depth that helps interface elements pop without appearing clinical or overly bright.
Is #f0f0f2 readable on white or black?
#f0f0f2 has a 1.13:1 contrast ratio on white and 18.45: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.