#9A9A87 Hex Color

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

Hex color #9a9a87 graphic
This ashy, muted olive sits between yellow and grey. It lacks the punch of a pure primary, making it a reliable choice for backgrounds that need to feel grounded and organic. Pair hex code #9a9a87 with stark black text for high-contrast, readable UI. Because it reads quite dusty, avoid it for energetic branding where you need visual excitement.

Questions about #9a9a87

What is #9a9a87 in RGB, HSL and CMYK?
In RGB, #9a9a87 is rgb(154, 154, 135), in HSL hsl(60, 9%, 57%) and in CMYK 0%, 0%, 12%, 40%.
What colors pair well with #9a9a87 in a design?
Because #9a9a87 functions as an earthy neutral, it pairs exceptionally well with deep tones like navy or charcoal. These dark accents provide the necessary contrast to make the muted, yellow-grey base feel intentional and sophisticated rather than merely dusty.
Is #9a9a87 appropriate for primary branding?
Avoid using #9a9a87 as a primary color for high-energy brands because its dusty, muted nature can appear flat or uninspired. It works far better as a secondary, structural, or background tone that supports other more vibrant or saturated elements within your color palette.
Is #9a9a87 readable on white or black?
#9a9a87 has a 2.85:1 contrast ratio on white and 7.34: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.