#CDCCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool lavender feels light and airy. Because #cdccff is so pale, it works well as a subtle background color that avoids being overwhelming. It pairs effectively with deep charcoal or slate gray for a professional, high-contrast look. As a hex code, #cdccff offers excellent readability for black text, making it a reliable choice for UI designs that require gentle, calm aesthetics.
Questions about #cdccff
What is #cdccff in RGB, HSL and CMYK?
In RGB, #cdccff is rgb(205, 204, 255), in HSL hsl(241, 100%, 90%) and in CMYK 20%, 20%, 0%, 0%.
Why does #cdccff work well for UI backgrounds?
#cdccff provides a gentle visual foundation that avoids overwhelming the viewer while ensuring high contrast for black or dark charcoal text. Its desaturated quality keeps the interface looking professional and modern without the distraction of overly vibrant, saturated tones.
Which color combinations pair best with #cdccff?
#cdccff works exceptionally well when contrasted against deep, neutral tones like charcoal or slate gray. Because it is a pale, cool lavender, it also creates a harmonious balance when paired with soft, muted teals or darker navy blue shades.
Is #cdccff readable on white or black?
#cdccff has a 1.53:1 contrast ratio on white and 13.67: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.