#CFE7E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale teal is an airy, bleached tone with cool grey undertones. Because it is highly readable against black text, the hex code #cfe7e2 works well as a minimal background for modern UI design or healthcare branding. Use it as a dominant base to keep interfaces feeling spacious. Avoid pairing it with stark white, as it can appear washed out, and instead try anchoring it with deep charcoals.
Questions about #cfe7e2
What is #cfe7e2 in RGB, HSL and CMYK?
In RGB, #cfe7e2 is rgb(207, 231, 226), in HSL hsl(167, 33%, 86%) and in CMYK 10%, 0%, 2%, 9%.
How should I pair #cfe7e2 in UI design?
Use #cfe7e2 as a spacious base for backgrounds and anchor it with strong, high-contrast elements like deep charcoal. This avoids the washed-out look that can occur when #cfe7e2 is paired with lighter shades or white, keeping your interface modern and highly readable.
Does #cfe7e2 work well for text?
The color #cfe7e2 is generally too light for body text and lacks the necessary contrast to meet accessibility standards against most backgrounds. Instead, treat it as a supportive, minimal background color and use darker, saturated hues for any critical text or functional elements.
Is #cfe7e2 readable on white or black?
#cfe7e2 has a 1.29:1 contrast ratio on white and 16.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.