#F2F6F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2f6f7 is a bleached, near-neutral gray with minimal saturation. It functions perfectly as an airy UI background or a subtle alternative to stark white, providing high contrast for black typography. Because this shade is so light, it risks looking washed out if paired with other pastels. Use it as a dominant base to maintain a clean, professional aesthetic in medical or minimal branding designs.
Questions about #f2f6f7
What is #f2f6f7 in RGB, HSL and CMYK?
In RGB, #f2f6f7 is rgb(242, 246, 247), in HSL hsl(192, 24%, 96%) and in CMYK 2%, 0%, 0%, 3%.
What makes #f2f6f7 a good choice for UI design?
#f2f6f7 serves as a superior alternative to stark white because it reduces eye strain while maintaining a high-contrast foundation for black or charcoal text. Its low saturation provides a clinical, clean aesthetic ideal for modern medical or minimalist web interfaces.
Should I use #f2f6f7 with other pastel colors?
Avoid pairing #f2f6f7 with soft, low-contrast pastels, as the combination often results in a washed-out, illegible appearance. It functions best when anchored by high-contrast, dark elements that prevent the design from feeling too airy or lacking in visual weight.
Is #f2f6f7 readable on white or black?
#f2f6f7 has a 1.08:1 contrast ratio on white and 19.30: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.