#989A9A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neutral mid-grey offers a balanced, professional foundation for interfaces and branding. Because it sits at a mid-tone lightness, #989a9a works effectively as a stable background color. It supports high contrast for black typography, satisfying WCAG accessibility standards for small body text. Avoid using it alongside stark white as it can appear slightly muddy, but it shines when paired with deeper charcoal or vibrant accent colors.
Questions about #989a9a
What is #989a9a in RGB, HSL and CMYK?
In RGB, #989a9a is rgb(152, 154, 154), in HSL hsl(180, 1%, 60%) and in CMYK 1%, 0%, 0%, 40%. Browse more shades of gray with names and hex codes.
Why does #989a9a work well as an interface background?
This mid-tone grey strikes a balance between light and dark, providing enough separation from standard black text to satisfy accessibility requirements. It acts as a neutral foundation that remains unobtrusive while maintaining necessary readability for UI elements.
What colors pair well with #989a9a?
This neutral shade pairs best with high-contrast elements like charcoal or deep, saturated blues to create visual hierarchy. Using it alongside stark white often makes the grey look muddy, so prioritize deeper accents to maintain a crisp, clean aesthetic.
Is #989a9a readable on white or black?
#989a9a has a 2.82:1 contrast ratio on white and 7.42: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.