#89AAB9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan is highly desaturated, lending it a soft, ashy quality that avoids being overly bright. As a muted background, #89aab9 works best when paired with high-contrast black text, which maintains readability without straining the eyes. It is an excellent choice for UI designs where you need a professional, subtle tone that stays visually grounded instead of retreating into pastel sweetness.
Questions about #89aab9
What is #89aab9 in RGB, HSL and CMYK?
In RGB, #89aab9 is rgb(137, 170, 185), in HSL hsl(199, 26%, 63%) and in CMYK 26%, 8%, 0%, 27%. Browse more shades of blue with names and hex codes.
How can I use #89aab9 in a UI design effectively?
#89aab9 excels as a secondary background or accent color because its muted quality prevents it from overpowering the interface. Pair it with high-contrast text like charcoal or deep navy to ensure your content remains readable and accessible for all users.
Does #89aab9 lean warm or cool?
This color sits firmly in the cool spectrum due to its strong cyan and blue base. The desaturation gives it an ashy, neutral quality that feels much more grounded and less vibrant than a standard, saturated sky blue.
Is #89aab9 readable on white or black?
#89aab9 has a 2.46:1 contrast ratio on white and 8.51: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.