#E3F6F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, near-white teal reads as airy and clean. Because it is highly desaturated, #e3f6f2 works best as a soft background color rather than a primary accent. It offers excellent legibility for black text, making it a functional choice for wellness and healthcare interfaces. Use it when plain white feels too stark, but keep saturation low to prevent it from clashing with bolder tones.
Questions about #e3f6f2
What is #e3f6f2 in RGB, HSL and CMYK?
In RGB, #e3f6f2 is rgb(227, 246, 242), in HSL hsl(167, 51%, 93%) and in CMYK 8%, 0%, 2%, 4%.
How should I use #e3f6f2 in a professional design interface?
#e3f6f2 acts best as a neutral background that replaces harsh white, reducing eye strain in wellness or healthcare applications. Pair it with charcoal or deep neutral text to maintain a clean, high-contrast look without overwhelming the user.
Does #e3f6f2 read as a warm or cool color?
This color sits on the cooler side of the spectrum due to its distinct teal undertones, even though it is highly desaturated. It brings a crisp, refreshing feeling to layouts where pure whites feel too clinical or sterile.
Is #e3f6f2 readable on white or black?
#e3f6f2 has a 1.12:1 contrast ratio on white and 18.73: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.