#E9F2F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, near-colorless grey has a subtle, cool undertone that brings a clean, airy feel to any interface. Because it is so light, #e9f2f2 functions best as a background base rather than an accent. It pairs well with charcoal typography for high readability. Be careful using it directly against pure white, as it can look slightly washed out rather than intentional.
Questions about #e9f2f2
What is #e9f2f2 in RGB, HSL and CMYK?
In RGB, #e9f2f2 is rgb(233, 242, 242), in HSL hsl(180, 26%, 93%) and in CMYK 4%, 0%, 0%, 5%.
What is the best way to use #e9f2f2 in UI design?
Use #e9f2f2 as a soft background or structural element rather than a primary accent color. It provides excellent readability when paired with high-contrast text, such as deep charcoal or dark navy, helping to ground the lightness of the interface.
Does #e9f2f2 read as warm or cool?
The #e9f2f2 color leans distinctly cool because of its subtle cyan and blue undertones. This makes it a great choice for digital environments where you want to evoke a clean, refreshing, or clinical feeling without using stark, blinding white.
Is #e9f2f2 readable on white or black?
#e9f2f2 has a 1.13:1 contrast ratio on white and 18.44: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.