#CCDDFA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ccddfa graphic
A whisper of periwinkle, #ccddfa is a highly unsaturated pastel that functions perfectly as a neutral backdrop. Because of its extreme lightness, it lacks visual weight and can feel washed out against pure white backgrounds. Use it to replace standard grays in corporate interfaces or UI designs where you need a hint of softness. Black text maintains high readability against this hex code.

Questions about #ccddfa

What is #ccddfa in RGB, HSL and CMYK?
In RGB, #ccddfa is rgb(204, 221, 250), in HSL hsl(218, 82%, 89%) and in CMYK 18%, 12%, 0%, 2%.
How should I use #ccddfa in user interface design?
#ccddfa acts best as a subtle background alternative to standard grays, providing a clean and calming aesthetic for dashboards or corporate interfaces. Pair it with dark charcoal or deep navy text to ensure the content remains highly legible.
Does #ccddfa have warm or cool undertones?
As a muted, unsaturated pastel, #ccddfa leans distinctly cool due to its periwinkle base. The lightness makes it feel airy and clinical, which prevents it from feeling heavy or overly saturated when used across large UI components.
Is #ccddfa readable on white or black?
#ccddfa has a 1.37:1 contrast ratio on white and 15.29: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.