#CAD3DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached blue leans heavily toward grey, offering a crisp and clinical neutrality. Because it has enough contrast for small black body text, #cad3da works exceptionally well as a primary background in UI design for healthcare or tech interfaces. It feels cleaner and more structured than basic white. Avoid pairing it with other cool pastels to keep it from looking washed out.
Questions about #cad3da
What is #cad3da in RGB, HSL and CMYK?
In RGB, #cad3da is rgb(202, 211, 218), in HSL hsl(206, 18%, 82%) and in CMYK 7%, 3%, 0%, 15%. Browse more shades of gray with names and hex codes.
What is the best way to use #cad3da in interface design?
Use #cad3da as a primary structural background to create a clean, professional aesthetic in healthcare or SaaS applications. Because it maintains high contrast with dark text, it serves as a sophisticated, more readable alternative to standard pure white.
Which color palettes work best with #cad3da?
Pair #cad3da with deep charcoal or navy tones to anchor its lightness and prevent the design from feeling washed out. Avoid combining it with other cool, pale pastels, as this can diminish the clinical crispness and readability of your interface.
Is #cad3da readable on white or black?
#cad3da has a 1.51:1 contrast ratio on white and 13.84: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.