#CFEAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated blue sits near the edge of white, making it a functional base for clean UI designs. Because it offers high contrast against black text, #cfeaff supports accessible body copy in healthcare or finance applications. Pair this hex code with a deep, dark navy to add weight, as the shade can feel washed out when used without a darker companion.
Questions about #cfeaff
What is #cfeaff in RGB, HSL and CMYK?
In RGB, #cfeaff is rgb(207, 234, 255), in HSL hsl(206, 100%, 91%) and in CMYK 19%, 8%, 0%, 0%.
Where is #cfeaff best used in interface design?
Use #cfeaff as a background color for UI panels or content areas where you need to maintain a clean, airy aesthetic without overwhelming the user. It functions best as a calming, spacious backdrop in corporate, healthcare, or financial dashboard applications.
Is #cfeaff readable on white or black?
#cfeaff has a 1.24:1 contrast ratio on white and 16.86: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.