#9BA9D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue provides a cooling effect for digital interfaces and print branding. Because #9ba9d0 is light, it functions best as a large background that supports sharp black typography. It maintains high legibility with dark text. Try pairing this hex code with charcoal or muted clay to ground its soft character. This shade creates a professional, clean base for modern UI designs.
Questions about #9ba9d0
What is #9ba9d0 in RGB, HSL and CMYK?
In RGB, #9ba9d0 is rgb(155, 169, 208), in HSL hsl(224, 36%, 71%) and in CMYK 25%, 19%, 0%, 18%.
How should I use #9ba9d0 in my UI designs?
Use #9ba9d0 as a calm, airy background color that anchors busy interfaces without overwhelming the user. It works exceptionally well when paired with high-contrast text, such as charcoal or deep neutral tones, to ensure your layout stays crisp and readable on screen.
What colors pair best with #9ba9d0?
Complement #9ba9d0 by grounding it with charcoal or deep, earthy tones like terracotta to add warmth. Because this blue is soft and desaturated, it effectively supports neutral palettes, acting as a bridge between stark white space and bolder, dark accent colors.
Is #9ba9d0 readable on white or black?
#9ba9d0 has a 2.33:1 contrast ratio on white and 8.97: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.