#CAD1E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans heavily into grey, offering a bleached and airy appearance. Because it is so light, #cad1e5 works best as a soft background base rather than a primary accent. It offers excellent legibility for black text, making it a functional choice for UI design in finance or healthcare. Pair it with deep charcoal or slate for a professional, clean contrast.
Questions about #cad1e5
What is #cad1e5 in RGB, HSL and CMYK?
In RGB, #cad1e5 is rgb(202, 209, 229), in HSL hsl(224, 34%, 85%) and in CMYK 12%, 9%, 0%, 10%.
When should #cad1e5 be used in UI design?
#cad1e5 serves best as a neutral background for interface designs that require high readability, such as finance or healthcare applications. Because of its light, desaturated nature, it maintains a clean aesthetic that allows dark text like charcoal or navy to stand out clearly.
Does #cad1e5 read as a warm or cool color?
Despite its grey appearance, #cad1e5 is technically a cool-toned blue that leans toward violet, though its low saturation makes it appear neutral. This coolness gives the color a refreshing, airy quality that works well in minimalist color schemes without overwhelming the eye.
Is #cad1e5 readable on white or black?
#cad1e5 has a 1.52:1 contrast ratio on white and 13.76: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.