#9AB4CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue works as a stable base for professional UI layouts. Because it sits between blue and gray, understanding what colors make gray helps you balance its muted tone. The hex code for this shade is #9ab4cc. It offers strong readability with black text, making it a functional choice for clean, minimal interfaces. Pair it with crisp charcoal or warm off-white for best results.
Questions about #9ab4cc
What is #9ab4cc in RGB, HSL and CMYK?
In RGB, #9ab4cc is rgb(154, 180, 204), in HSL hsl(209, 33%, 70%) and in CMYK 25%, 12%, 0%, 20%.
What colors pair best with #9ab4cc for UI design?
Use high-contrast charcoal for text or dark accents to maintain readability against this soft blue. For backgrounds, a crisp off-white creates a clean, modern aesthetic that keeps the interface feeling open and professional rather than heavy.
Is #9ab4cc considered a warm or cool color?
The color #9ab4cc is definitively cool, sitting in the blue-gray spectrum. Because it contains significant amounts of gray, it feels restrained and professional, avoiding the sharp intensity of primary blues while remaining calm and neutral enough for large surface areas.
Is #9ab4cc readable on white or black?
#9ab4cc has a 2.14:1 contrast ratio on white and 9.77: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.