#F1F2F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale grey functions as a soft alternative to pure white in UI design. Because it lacks strong undertones, #f1f2f1 provides a clean, neutral base for interfaces without appearing harsh or sterile. It maintains excellent readability for black typography, satisfying WCAG standards easily. Use this hex code for background containers to separate content areas while keeping the overall aesthetic minimal and airy.
Questions about #f1f2f1
What is #f1f2f1 in RGB, HSL and CMYK?
In RGB, #f1f2f1 is rgb(241, 242, 241), in HSL hsl(120, 4%, 95%) and in CMYK 0%, 0%, 0%, 5%.
What colors pair best with #f1f2f1?
This neutral grey pairs beautifully with high-contrast elements like charcoal or deep navy for typography, keeping designs grounded. It also works well alongside muted pastels or earthy tones to maintain a calm, minimalist aesthetic without making the design feel sterile or cold.
Is #f1f2f1 readable on white or black?
#f1f2f1 has a 1.12:1 contrast ratio on white and 18.71: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.