#F4F1F1 Hex Color

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

Hex color #f4f1f1 graphic
#f4f1f1 is a near-white shade with subtle, neutral grey undertones that prevent it from feeling sterile. It acts as an excellent background for minimal interfaces, providing enough warmth to soften harsh, pure white screens. Because this hex code maintains high contrast ratios with standard black typography, it remains legible and practical for long-form content. Use it to build airy, sophisticated layouts that prioritize readability and clean, modern aesthetics.

Questions about #f4f1f1

What is #f4f1f1 in RGB, HSL and CMYK?
In RGB, #f4f1f1 is rgb(244, 241, 241), in HSL hsl(0, 12%, 95%) and in CMYK 0%, 1%, 1%, 4%.
Why use #f4f1f1 instead of pure white in a design?
Using #f4f1f1 avoids the sterile, harsh feeling of pure white, providing a warmer and more sophisticated backdrop for UI design. It bridges the gap between clean brightness and comfortable, low-glare screen reading, making it ideal for text-heavy layouts and modern web applications.
What colors pair well with #f4f1f1?
This neutral shade works exceptionally well with charcoal or deep, dark grey text for high-contrast accessibility. For a softer look, pair it with muted earth tones or sage green, as these provide enough saturation to ground the airy, light nature of the background.
Is #f4f1f1 readable on white or black?
#f4f1f1 has a 1.12:1 contrast ratio on white and 18.69: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.