#F2F4F7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2f4f7 graphic
#f2f4f7 is an airy, near-white neutral that offers a softer alternative to stark paper white. It provides enough contrast to make black typography highly readable, making it ideal for UI backgrounds and minimal interfaces. Use this color as a primary canvas to keep designs clean without feeling sterile. The hex code for this delicate grey is #f2f4f7.

Questions about #f2f4f7

What is #f2f4f7 in RGB, HSL and CMYK?
In RGB, #f2f4f7 is rgb(242, 244, 247), in HSL hsl(216, 24%, 96%) and in CMYK 2%, 1%, 0%, 3%.
Where should I use #f2f4f7 in UI design?
#f2f4f7 serves as an excellent background for minimal interfaces because it provides just enough depth to distinguish cards or sections from a pure white layout. It makes black or dark grey text highly readable while preventing the screen from looking sterile or clinical.
Does #f2f4f7 have cool or warm undertones?
#f2f4f7 is largely neutral but leans slightly cool due to its faint blue-grey undertones. This coolness keeps it from appearing yellow or muddy on screen, making it a professional, crisp choice for modern web applications and clean, professional branding assets.
Is #f2f4f7 readable on white or black?
#f2f4f7 has a 1.10:1 contrast ratio on white and 19.05: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.