#F2EEE9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2eee9 graphic
This pale, neutral grey sits just off-white, providing a sophisticated backdrop for minimalist interfaces. The hex code #f2eee9 offers enough contrast to make black typography highly readable, making it a reliable choice for UI backgrounds. Use caution when layering this directly against pure white, as the proximity can often make the shade appear washed out or muddy instead of intentional.

Questions about #f2eee9

What is #f2eee9 in RGB, HSL and CMYK?
In RGB, #f2eee9 is rgb(242, 238, 233), in HSL hsl(33, 26%, 93%) and in CMYK 0%, 2%, 4%, 5%.
Does #f2eee9 work better as a primary or secondary color?
Use #f2eee9 primarily as a background or canvas color, as its low contrast makes it unsuitable for primary typography or call-to-action buttons. It creates a gentle, airy interface feel, especially when paired with deep charcoal text to maintain necessary accessibility standards.
Is #f2eee9 considered a warm or cool neutral?
This shade sits on the warm side of the neutral spectrum, which prevents it from feeling sterile or clinical in minimalist designs. Because of this slight warmth, it harmonizes well with natural textures like wood, stone, or softer, organic design elements.
Is #f2eee9 readable on white or black?
#f2eee9 has a 1.15:1 contrast ratio on white and 18.18: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.