#F0F2F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #f0f2f7 creates a pale, faded gray with a delicate blue undertone. Its high lightness and low saturation give interfaces a clean, airy feel without the starkness of pure white. Use it as a dominant background for minimal layouts, product screens, and architecture portfolios. Black text reaches about 18.7:1 contrast, supporting clear body copy.
Questions about #f0f2f7
What is #f0f2f7 in RGB, HSL and CMYK?
In RGB, #f0f2f7 is rgb(240, 242, 247), in HSL hsl(223, 30%, 95%) and in CMYK 3%, 2%, 0%, 3%.
Does #f0f2f7 work well for UI backgrounds?
Yes, #f0f2f7 works well as a dominant UI background because its low saturation adds separation without strong visual noise. Pair it with near-black or charcoal text, and reserve brighter colors for controls, alerts, or key actions.
Is #f0f2f7 readable on white or black?
#f0f2f7 has a 1.12:1 contrast ratio on white and 18.74: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.