#CCDBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Extremely pale and desaturated, #ccdbff reads as a cool, airy blue with a soft periwinkle tint. Because of its light chroma, it functions best as a dominant UI background rather than a main accent. It pairs effectively with deep charcoal text to maximize readability. The hex code for this color is #ccdbff, making it a reliable choice for professional technology or healthcare layouts.
Questions about #ccdbff
What is #ccdbff in RGB, HSL and CMYK?
In RGB, #ccdbff is rgb(204, 219, 255), in HSL hsl(222, 100%, 90%) and in CMYK 20%, 14%, 0%, 0%.
Why is #ccdbff a good choice for UI backgrounds?
The extremely low chroma of #ccdbff creates a calm, non-distracting canvas that effectively reduces visual fatigue in complex applications. Because it remains neutral, it allows high-contrast text like charcoal or deep navy to pop without causing eye strain.
Is #ccdbff considered a warm or cool color?
This color is firmly in the cool spectrum, leaning toward a soft, desaturated periwinkle rather than a standard sky blue. Its cool nature makes it ideal for medical or financial dashboards where users need to feel a sense of stability and trust.
Is #ccdbff readable on white or black?
#ccdbff has a 1.38:1 contrast ratio on white and 15.14: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.