#989EA2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #989ea2 graphic
This medium-toned grey acts as a stable, neutral base that feels professional without demanding attention. Because it is highly readable, #989ea2 works well for UI body text and backgrounds where you need reliable contrast against black. Use it as a supporting color to ground louder palettes, as it can look flat or washed out when used as a primary fill for large, empty surfaces.

Questions about #989ea2

What is #989ea2 in RGB, HSL and CMYK?
In RGB, #989ea2 is rgb(152, 158, 162), in HSL hsl(204, 5%, 62%) and in CMYK 6%, 2%, 0%, 36%. Browse more shades of gray with names and hex codes.
What colors pair well with #989ea2 in a UI design?
Because it is a neutral base, #989ea2 works perfectly with high-contrast accent colors like navy or burgundy to ground your palette. Use it alongside crisp white to keep layouts looking clean and professional without overwhelming the user's eye.
Is #989ea2 readable on white or black?
#989ea2 has a 2.71:1 contrast ratio on white and 7.74: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.