#CFE7F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cfe7f3 is a muted, pale blue with distinct grey undertones. Its lightness creates a cool, professional atmosphere perfect for corporate dashboards, healthcare interfaces, or tech branding where clarity matters. Because black text offers excellent contrast against this hex code, it functions well as a dominant UI background. Pair it with darker slate blues or charcoal greys to ground the shade and prevent it from appearing too washed out.
Questions about #cfe7f3
What is #cfe7f3 in RGB, HSL and CMYK?
In RGB, #cfe7f3 is rgb(207, 231, 243), in HSL hsl(200, 60%, 88%) and in CMYK 15%, 5%, 0%, 5%.
What colors pair best with #cfe7f3 for a balanced UI?
Pair #cfe7f3 with charcoal or deep navy blues to create necessary visual contrast and prevent the design from feeling too washed out. These darker anchors ground the lightness of this pale blue, making your primary content significantly easier to read.
Is #cfe7f3 readable on white or black?
#cfe7f3 has a 1.28:1 contrast ratio on white and 16.37: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.