#9C9C7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Ashy and muted, #9c9c7a serves as a highly readable base for interfaces or construction-themed branding. This desaturated yellow carries significant grey, which keeps it from feeling overly cheerful. It provides excellent contrast with black text for small body copy. Because this hue can appear muddy when used alone, pair it with charcoal or deep navy to ground the palette. The hex code is #9c9c7a.
Questions about #9c9c7a
What is #9c9c7a in RGB, HSL and CMYK?
In RGB, #9c9c7a is rgb(156, 156, 122), in HSL hsl(60, 15%, 55%) and in CMYK 0%, 0%, 22%, 39%. Browse more shades of brown with names and hex codes.
Does #9c9c7a work well for UI design?
Yes, #9c9c7a serves as an effective, highly readable base for modern interfaces. Its significant grey undertone prevents it from feeling too vibrant, making it ideal for backgrounds that need to support bold typography or charcoal text without causing eye strain.
What colors pair well with #9c9c7a?
To prevent this muted shade from appearing muddy, pair it with grounding neutrals like deep navy or crisp charcoal. These dark, cool contrasts stabilize the desaturated yellow undertones of #9c9c7a, creating a balanced and professional palette for your design.
Is #9c9c7a readable on white or black?
#9c9c7a has a 2.81:1 contrast ratio on white and 7.44: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.