#CAD5DE Hex Color

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

Hex color #cad5de graphic
#cad5de is a bleached, desaturated blue that leans heavily into grey. This pale, airy shade serves as an excellent neutral background for clean UI designs. Because it maintains high contrast against black text, it is a practical choice for readable body copy. The hex code for this delicate, functional color is #cad5de. Use it to build trust in minimalist layouts where standard white feels too stark.

Questions about #cad5de

What is #cad5de in RGB, HSL and CMYK?
In RGB, #cad5de is rgb(202, 213, 222), in HSL hsl(207, 23%, 83%) and in CMYK 9%, 4%, 0%, 13%.
Does #cad5de work well as a background for black text?
#cad5de offers high contrast against standard black text, making it an excellent choice for accessible body copy in UI design. Its cool grey undertone reduces eye strain compared to pure white, ensuring comfortable long-form readability.
Which accent colors pair effectively with #cad5de?
#cad5de pairs beautifully with deep charcoal for high-contrast professional branding or soft sage to create a calm, organic aesthetic. Because it is a desaturated neutral, it harmonizes well with most muted earth tones or vibrant primary accents.
Is #cad5de readable on white or black?
#cad5de has a 1.49:1 contrast ratio on white and 14.08: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.