#9CAFD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9cafd3 is a desaturated, ashy blue with a distinct grayish undertone. This muted pastel shade offers a professional yet approachable aesthetic, making it excellent for tech or finance UI backgrounds. It maintains strong legibility with black text, as the contrast ratio is high. Use this hex code as a stable, secondary base color, but avoid pairing it with stark whites, which can make it appear washed out.
Questions about #9cafd3
What is #9cafd3 in RGB, HSL and CMYK?
In RGB, #9cafd3 is rgb(156, 175, 211), in HSL hsl(219, 38%, 72%) and in CMYK 26%, 17%, 0%, 17%.
What colors pair best with #9cafd3?
Pair #9cafd3 with deep charcoal or slate greys to ground its airy, ashy quality and create a sophisticated, modern contrast. You should avoid pairing it with stark, bright whites, as the high intensity often makes this muted pastel appear washed out.
Why is #9cafd3 effective for interface design?
Use #9cafd3 in tech or finance interfaces when you need a professional, reliable, and approachable background that does not strain the eyes during long sessions. It maintains excellent readability when paired with dark text, providing a calm alternative to standard, vibrant blue tones.
Is #9cafd3 readable on white or black?
#9cafd3 has a 2.21:1 contrast ratio on white and 9.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.