#CCEBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, highly unsaturated blue acts as a functional neutral for UI backgrounds. Because it provides excellent contrast for black text, #ccebff is an ideal base color for healthcare or finance interfaces requiring readability. It pairs unexpectedly well with deep charcoal or burnt orange, avoiding the cliché look of typical baby blue. The hex code for this airy shade is #ccebff.
Questions about #ccebff
What is #ccebff in RGB, HSL and CMYK?
In RGB, #ccebff is rgb(204, 235, 255), in HSL hsl(204, 100%, 90%) and in CMYK 20%, 8%, 0%, 0%.
Why is #ccebff effective for UI design?
#ccebff functions as a highly legible neutral that maintains excellent contrast against dark text, which is essential for healthcare or finance interfaces. It avoids the neon saturation found in typical blues, keeping digital environments calm and professional for extended reading.
What colors pair well with #ccebff?
Because of its airy, desaturated quality, #ccebff works beautifully with deep charcoal for high-contrast text or burnt orange for vibrant, unexpected accents. These pairings avoid the cliché look of standard baby blue by introducing warmth and structure.
Is #ccebff readable on white or black?
#ccebff has a 1.24:1 contrast ratio on white and 16.89: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.