#CAD5E6 Hex Color

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

Hex color #cad5e6 graphic
#cad5e6 is an extremely pale, desaturated blue with strong grey undertones. It functions best as a neutral background for clean, minimal interfaces where white feels too stark. The high contrast allows black text to remain legible for body copy. Because of its washed-out nature, pair it with charcoal or deep navy to prevent the overall palette from appearing undefined or muddy.

Questions about #cad5e6

What is #cad5e6 in RGB, HSL and CMYK?
In RGB, #cad5e6 is rgb(202, 213, 230), in HSL hsl(216, 36%, 85%) and in CMYK 12%, 7%, 0%, 10%.
How do you effectively use #cad5e6 in a UI design?
#cad5e6 serves best as a subtle background alternative to white or light grey for interfaces that require a softer, more modern feel. Because it is highly desaturated, it maintains excellent readability with charcoal or deep navy text for strong contrast.
Is #cad5e6 considered a warm or cool color?
While #cad5e6 leans into the blue spectrum, its heavy grey saturation pushes it toward a neutral, cool temperature. It avoids the icy intensity of pure blue, making it versatile for professional or wellness-oriented designs that need a quiet, balanced aesthetic.
Is #cad5e6 readable on white or black?
#cad5e6 has a 1.48:1 contrast ratio on white and 14.17: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.