#9CA484 Hex Color

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

Hex color #9ca484 graphic
This dusty, unsaturated yellow leans heavily into olive and sage tones. Because of its muted chroma, #9ca484 works best as a neutral background rather than a main focus. Pair it with charcoal or deep navy to prevent the color from looking washed out. Since it provides excellent contrast for black text, this hex code is a reliable choice for readable, soft UI designs.

Questions about #9ca484

What is #9ca484 in RGB, HSL and CMYK?
In RGB, #9ca484 is rgb(156, 164, 132), in HSL hsl(75, 15%, 58%) and in CMYK 5%, 0%, 20%, 36%.
What colors pair well with #9ca484?
Because #9ca484 is a muted, earthy tone, it works best when grounded by high-contrast neutrals. Pair it with deep charcoal or dark navy to prevent the color from looking washed out or flat in your UI design.
Is #9ca484 readable on white or black?
#9ca484 has a 2.60:1 contrast ratio on white and 8.05: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.