#CCD6FF Hex Color
A serene and airy pale indigo
This pale, unsaturated indigo provides a airy, cool foundation for UI backgrounds and digital layouts. Because of its high contrast against dark text, it remains readable while feeling soft rather than sterile. The hex code for this shade is #ccd6ff. It performs best as a supportive base color, pairing effectively with sharp charcoal grays or deep navy to prevent the design from feeling too washed out.
Questions about #ccd6ff
What is #ccd6ff in RGB, HSL and CMYK?
In RGB, #ccd6ff is rgb(204, 214, 255), in HSL hsl(228, 100%, 90%) and in CMYK 20%, 16%, 0%, 0%.
How should I use #ccd6ff in a user interface?
Is #ccd6ff considered a warm or cool color?
This shade is distinctly cool, carrying a clear indigo undertone that shifts toward a soft, desaturated blue. It lacks the warmth of violet or purple, making it ideal for designs that need to feel professional, quiet, or digitally focused.
Is #ccd6ff readable on white or black?
#ccd6ff has a 1.43:1 contrast ratio on white and 14.63: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.