#5A513F Hex Color

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

Hex color #5a513f graphic
The hex code #5a513f is a dark, muted yellow-olive with dusty gray undertones. Its low saturation gives designs a matte, serious mood, while the earthy base suggests nature and tradition. Use it as a supporting tone or moody background in outdoor, construction, military, and organic branding. White text reaches about 7.8:1 contrast, making it readable for small body copy.

Questions about #5a513f

What is #5a513f in RGB, HSL and CMYK?
In RGB, #5a513f is rgb(90, 81, 63), in HSL hsl(40, 18%, 30%) and in CMYK 0%, 10%, 30%, 65%. Browse more shades of gray with names and hex codes.
What colors pair well with #5a513f?
#5a513f pairs well with warm cream, terracotta, and charcoal, which sharpen its earthy base without making the palette feel bright. Use cream for space, terracotta for a small accent, and charcoal for stronger structure.
Is #5a513f suitable for text and backgrounds?
#5a513f works well as a dark background with white text, providing about a 7.8:1 contrast ratio that exceeds WCAG AA's 4.5:1 requirement for normal body text and supports readable interfaces.
Is #5a513f readable on white or black?
#5a513f has a 7.82:1 contrast ratio on white and 2.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.