#F1F2F2 Hex Color
A crisp, bleached grey for minimalist design
This pale, bleached grey offers a cleaner alternative to stark white, making it an ideal choice for minimalist web interfaces. Because it maintains high contrast for black typography, #f1f2f2 functions perfectly as a neutral background or primary base color. It can feel washed out near pure white, so pair this hex code with darker charcoal tones to create visual depth and structure.
Questions about #f1f2f2
What is #f1f2f2 in RGB, HSL and CMYK?
In RGB, #f1f2f2 is rgb(241, 242, 242), in HSL hsl(180, 4%, 95%) and in CMYK 0%, 0%, 0%, 5%.
Is #f1f2f2 better to use than pure white for web backgrounds?
Using #f1f2f2 is often preferred over pure white because it reduces eye strain while maintaining a clean, modern aesthetic. This soft grey provides just enough separation from standard black text to keep interfaces comfortable and professional for extended reading.
What colors pair well with #f1f2f2 for UI design?
Pair #f1f2f2 with charcoal or deep slate tones to create necessary visual structure and hierarchy. Because this grey is very light, using darker, saturated accent colors helps prevent the overall layout from feeling washed out or lacking in depth.
Is #f1f2f2 readable on white or black?
#f1f2f2 has a 1.12:1 contrast ratio on white and 18.72: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.