#F2F1F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, almost ghostly grey acts as a sophisticated alternative to pure white. Because #f2f1f2 offers high contrast for black typography, it functions perfectly as a neutral UI background or a minimal structural element. Be careful pairing it with bright, washed-out tones, as it can look muddy. Use this hex code when you need a balanced, airy backdrop that maintains professional readability.
Questions about #f2f1f2
What is #f2f1f2 in RGB, HSL and CMYK?
In RGB, #f2f1f2 is rgb(242, 241, 242), in HSL hsl(300, 4%, 95%) and in CMYK 0%, 0%, 0%, 5%.
Is #f2f1f2 a good choice for UI backgrounds?
#f2f1f2 is an excellent choice for UI backgrounds because it acts as a neutral, airy canvas that makes black or deep charcoal text stand out clearly. It avoids the harsh glare of pure white while maintaining a crisp, modern aesthetic for professional interfaces.
What colors should I avoid pairing with #f2f1f2?
Avoid pairing #f2f1f2 with light, washed-out tones because the lack of contrast can make your design look muddy or unfinished. Instead, anchor this pale grey with high-contrast elements or deep, saturated accent colors to keep your layout looking intentional and sharp.
Is #f2f1f2 readable on white or black?
#f2f1f2 has a 1.12:1 contrast ratio on white and 18.63: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.