#9AB2BE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9ab2be is a dusty, desaturated blue with heavy grey undertones. Because it sits in a muted mid-tone range, it functions best as a supporting background rather than a vibrant focal point. It pairs well with charcoal or crisp white for a professional UI palette. Since black text provides a high-contrast 9.5:1 ratio, the hex code #9ab2be remains readable even when used for smaller body text.
Questions about #9ab2be
What is #9ab2be in RGB, HSL and CMYK?
In RGB, #9ab2be is rgb(154, 178, 190), in HSL hsl(200, 22%, 67%) and in CMYK 19%, 6%, 0%, 25%.
What colors pair best with #9ab2be?
#9ab2be works beautifully when paired with charcoal for high-contrast UI text or a crisp off-white for a clean, minimalist aesthetic. Because it is a muted mid-tone, it also balances well against soft terracottas or muted mustards for more complex palettes.
Is #9ab2be considered a warm or cool shade?
#9ab2be is definitely a cool-toned color, as its heavy grey and blue base pushes it away from warmth. This makes it an ideal choice for creating a sense of professional calm, stability, and trust within your interface design or branding.
Is #9ab2be readable on white or black?
#9ab2be 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.