#CAD5DA Hex Color

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

Hex color #cad5da graphic
A pale, desaturated cyan, #cad5da leans heavily into cool grey territory. Its muted intensity makes it a reliable neutral for minimalist UI design, providing structure without overwhelming the user. It works best as a supporting background tone, as it can appear washed out against pure white. For a clean, modern contrast, pair this hex code with deep charcoal text.

Questions about #cad5da

What is #cad5da in RGB, HSL and CMYK?
In RGB, #cad5da is rgb(202, 213, 218), in HSL hsl(199, 18%, 82%) and in CMYK 7%, 2%, 0%, 15%.
What colors pair well with #cad5da in a web design?
Pair #cad5da with deep charcoal text to maintain high readability and a clean, professional aesthetic. Because this color is desaturated, it also works effectively alongside soft sage or crisp navy accents for a sophisticated, modern layout.
Does #cad5da lean warm or cool in appearance?
#cad5da reads decidedly cool due to its subtle cyan and blue base. This makes it a perfect alternative to standard flat greys when you want a background that feels serene, fresh, and slightly airy without being stark.
Is #cad5da readable on white or black?
#cad5da has a 1.49:1 contrast ratio on white and 14.04: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.