#A5A685 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a5a685 is a muted, dusty yellow with gray and olive undertones, giving it a soft, ashy appearance. Its low saturation suits spring layouts, baby products, budget branding, and construction themes without feeling bright or childish. Use the hex code #a5a685 as a supporting background with dark text, which achieves about 8.4:1 contrast.
Questions about #a5a685
What is #a5a685 in RGB, HSL and CMYK?
In RGB, #a5a685 is rgb(165, 166, 133), in HSL hsl(62, 16%, 59%) and in CMYK 1%, 0%, 20%, 35%.
What colors pair well with #a5a685?
#a5a685 pairs well with charcoal, cream, and terracotta, which reinforce its muted warmth without making the palette loud. Use darker neutrals for text and warmer accents for buttons, borders, or small focal details.
Does #a5a685 look warm or cool?
#a5a685 reads as softly warm rather than bright or sunny because its dusty yellow base is muted by gray and olive undertones. It creates a grounded, understated mood that suits natural and practical visual themes.
Is #a5a685 readable on white or black?
#a5a685 has a 2.50:1 contrast ratio on white and 8.39: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.