#7CAAD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7caad5 is a light, muted blue with cool gray undertones and a soft pastel finish. This hex code brings a gentle, dependable feel to interfaces and brand palettes. Use it as a supporting background for healthcare, finance, security, or spring-themed designs, though white text may lack contrast; black text reads clearly at about 8.6:1.
Questions about #7caad5
What is #7caad5 in RGB, HSL and CMYK?
In RGB, #7caad5 is rgb(124, 170, 213), in HSL hsl(209, 51%, 66%) and in CMYK 42%, 20%, 0%, 16%. Browse more shades of blue with names and hex codes.
Does #7caad5 work with black text?
Yes, black text has about an 8.6:1 contrast ratio on #7caad5, comfortably exceeding the WCAG AA 4.5:1 requirement for body text and making this pairing suitable for readable labels, forms, and interface content.
What colors pair well with #7caad5?
#7caad5 pairs well with charcoal, navy, and terracotta, which add stronger structure or gentle contrast without overwhelming its muted, cool surface. Use it as a broad supporting field, then reserve darker tones for headings, controls, or key accents.
Is #7caad5 readable on white or black?
#7caad5 has a 2.45:1 contrast ratio on white and 8.56: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.