#9CA4BD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated indigo feels muted and grounded. Because of its lightness, black text provides an 8.5:1 contrast ratio against it, making this an effective choice for UI backgrounds. The hex code for this shade is #9ca4bd. Avoid pairing it with other cool, pale tones, as that combination causes the final design to look flat or washed out.
Questions about #9ca4bd
What is #9ca4bd in RGB, HSL and CMYK?
In RGB, #9ca4bd is rgb(156, 164, 189), in HSL hsl(225, 20%, 68%) and in CMYK 17%, 13%, 0%, 26%.
What colors pair well with #9ca4bd in a UI design?
Pair #9ca4bd with high-contrast charcoal or deep navy text to ensure readability, as its light, desaturated nature can struggle against softer tones. For accents, consider warm, earthy tones like terracotta or deep olive to provide a necessary visual anchor against the cool indigo base.
Does #9ca4bd work well as a primary interface background?
Yes, #9ca4bd is an excellent choice for a neutral background because it maintains an 8.5:1 contrast ratio with black text. This provides a calming, professional atmosphere without the stark clinical feel of pure white or standard gray backgrounds.
Is #9ca4bd readable on white or black?
#9ca4bd has a 2.48:1 contrast ratio on white and 8.45: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.