#9AB8E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a cool, dusty quality that feels muted rather than vivid. It works well as a grounding background color, especially for tech or healthcare interfaces where reliability matters. Since black text provides excellent contrast against the hex code #9ab8e2, it remains legible for body copy. Pair it with soft charcoal grays or crisp white to avoid a washed-out appearance.
Questions about #9ab8e2
What is #9ab8e2 in RGB, HSL and CMYK?
In RGB, #9ab8e2 is rgb(154, 184, 226), in HSL hsl(215, 55%, 75%) and in CMYK 32%, 19%, 0%, 11%.
Which colors pair best with #9ab8e2 for a clean UI?
This ashy blue thrives when paired with high-contrast elements like charcoal for typography or a crisp, bright white for secondary shapes. By keeping the surrounding palette simple and desaturated, you prevent the overall design from feeling disjointed or overly busy.
Is #9ab8e2 readable on white or black?
#9ab8e2 has a 2.03:1 contrast ratio on white and 10.32: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.