#7CA9D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7ca9d4 is a light, dusty pastel blue with cool gray undertones and low saturation. Its softened appearance suits healthcare, finance, technology, and spring-themed designs without feeling childish. Use it as a dominant UI background or supporting brand tone, pairing it with charcoal or deep navy. The hex code #7ca9d4 provides about 8.5:1 contrast with black text.
Questions about #7ca9d4
What is #7ca9d4 in RGB, HSL and CMYK?
In RGB, #7ca9d4 is rgb(124, 169, 212), in HSL hsl(209, 51%, 66%) and in CMYK 42%, 20%, 0%, 17%.
What colors pair well with #7ca9d4?
#7ca9d4 pairs well with deep navy, charcoal, muted sage, and warm off-white, creating contrast and balance without overpowering its cool pastel base in interfaces, branding, and broader design projects alike. Use the darkest pairing for headings, icons, and other elements that need clear separation.
Does #7ca9d4 look warm or cool?
#7ca9d4 reads as a cool blue because its blue base is softened by gray undertones, giving it a calm, airy character rather than a warm or highly saturated appearance overall. That muted quality suits healthcare, finance, technology, and spring-themed layouts without feeling childish.
Can #7ca9d4 be used with black or white text?
#7ca9d4 gives black text about an 8.5:1 contrast ratio, meeting WCAG AA and AAA for normal-sized text when used as a background in typical interface content areas and panels alike. White text is below WCAG AA even for large text, so use dark text for accessible body copy.
Is #7ca9d4 readable on white or black?
#7ca9d4 has a 2.47:1 contrast ratio on white and 8.48: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.