#F0F4F6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, bleached grey with a subtle hint of blue, #f0f4f6 offers a cleaner alternative to stark white. This neutral tone excels as a background for minimalist UI design, providing enough contrast to make black typography highly legible. It feels airy and restrained, making it an excellent choice for open, modern layouts. Use it to build a balanced interface without the harshness of a pure, bright canvas.
Questions about #f0f4f6
What is #f0f4f6 in RGB, HSL and CMYK?
In RGB, #f0f4f6 is rgb(240, 244, 246), in HSL hsl(200, 25%, 95%) and in CMYK 2%, 1%, 0%, 4%.
When should I choose #f0f4f6 over standard white?
Choose #f0f4f6 when you want to soften a UI without losing the cleanliness of a white canvas. It provides enough contrast for black text to remain highly readable while creating a slightly more grounded, sophisticated atmosphere for modern minimalist web layouts.
What colors pair well with the cool tone of #f0f4f6?
Because #f0f4f6 has such a subtle blue undertone, it pairs beautifully with high-contrast elements like charcoal for typography or deep, muted navies. You can also create a serene monochromatic interface by layering it with soft blues or desaturated slate tones.
Is #f0f4f6 readable on white or black?
#f0f4f6 has a 1.10:1 contrast ratio on white and 18.97: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.