#7CACD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue leans toward an ashy, cool tone. It provides high contrast for small black text, making it a reliable choice for UI backgrounds or corporate interfaces where readability matters. Because this shade relies on heavy gray undertones, understanding what colors make gray helps designers balance its muted saturation. The hex code #7cacd4 works best as a secondary or supporting color in modern branding.
Questions about #7cacd4
What is #7cacd4 in RGB, HSL and CMYK?
In RGB, #7cacd4 is rgb(124, 172, 212), in HSL hsl(207, 51%, 66%) and in CMYK 42%, 19%, 0%, 17%.
What colors pair best with #7cacd4 in a UI design?
#7cacd4 works best alongside neutral grays or deep charcoal to maintain its professional, ashy look without competing for attention. Using it as a secondary accent against clean white backgrounds helps this blue feel intentional and soft rather than overwhelming.
Does #7cacd4 function well as a primary interface color?
Yes, #7cacd4 provides excellent readability for small black text, making it a reliable choice for corporate interfaces or dashboards. Its heavy gray undertones prevent the visual strain often associated with brighter, fully saturated blues.
Is #7cacd4 readable on white or black?
#7cacd4 has a 2.41:1 contrast ratio on white and 8.70: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.