#F2F1F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached grey acts as a sophisticated alternative to pure white. Because it reads neutral and airy, #f2f1f0 functions best as a dominant UI background that keeps interfaces feeling organized. The hex code offers excellent contrast for dark typography, ensuring readability while maintaining a minimal aesthetic. Avoid using it near stark white, as it may appear slightly washed out or dirty in direct comparison.
Questions about #f2f1f0
What is #f2f1f0 in RGB, HSL and CMYK?
In RGB, #f2f1f0 is rgb(242, 241, 240), in HSL hsl(30, 7%, 95%) and in CMYK 0%, 0%, 1%, 5%.
Does #f2f1f0 work well with dark text?
Yes, #f2f1f0 provides significant contrast against dark typography, making it an excellent choice for modern, minimal UI backgrounds. It maintains high readability while softening the harshness often found in pure white interfaces.
Why should I avoid pairing #f2f1f0 with pure white?
Placing #f2f1f0 directly next to stark white often makes this subtle grey appear dirty or washed out by comparison. For best results, use it alongside darker neutral tones like charcoal or warm earth tones to create a balanced, cohesive look.
Is #f2f1f0 readable on white or black?
#f2f1f0 has a 1.12:1 contrast ratio on white and 18.61: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.