#F1F1F2 Hex Color

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

Hex color #f1f1f2 graphic
This pale, bleached grey functions as a highly neutral backdrop that avoids the sterile feel of pure white. Because #f1f1f2 provides excellent contrast for black typography, it works perfectly for clean interface design and minimalist web backgrounds. The hex code for this light shade is #f1f1f2. Use it as a dominant base to keep layouts feeling airy, organized, and professional without overwhelming the viewer.

Questions about #f1f1f2

What is #f1f1f2 in RGB, HSL and CMYK?
In RGB, #f1f1f2 is rgb(241, 241, 242), in HSL hsl(240, 4%, 95%) and in CMYK 0%, 0%, 0%, 5%.
Why is #f1f1f2 a good alternative to pure white?
#f1f1f2 functions as a highly neutral backdrop that avoids the sterile, jarring feel of pure white on high-resolution screens. It offers a subtle depth that keeps layouts feeling organized and airy without overwhelming the user or reducing the readability of dark text.
What colors pair well with #f1f1f2 in a UI design?
#f1f1f2 pairs effectively with deep charcoal or dark navy text to create a modern, high-contrast look. It also serves as a stabilizing base for vibrant accent colors, preventing bright interface elements from feeling too aggressive against a stark background.
Is #f1f1f2 readable on white or black?
#f1f1f2 has a 1.12:1 contrast ratio on white and 18.60: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.