#C5A875 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated yellow feels mellow and soft, leaning heavily into earthy gold undertones. Because it lacks intensity, #c5a875 works best as a supporting background tone rather than a primary brand color. It pairs beautifully with deep charcoals or slate blues, creating a balanced, high-contrast look for UI design. The hex code for this ashy yellow is #c5a875, which maintains enough accessibility for readable black text.
Questions about #c5a875
What is #c5a875 in RGB, HSL and CMYK?
In RGB, #c5a875 is rgb(197, 168, 117), in HSL hsl(38, 41%, 62%) and in CMYK 0%, 15%, 41%, 23%.
What colors pair well with #c5a875?
The dusty, unsaturated quality of #c5a875 pairs exceptionally well with deep, cool neutrals like charcoal or slate blue. These high-contrast combinations prevent the gold from looking washed out, anchoring the design and ensuring text remains readable against the background.
Is #c5a875 suitable for text-heavy UI backgrounds?
Yes, but you must prioritize high-contrast foreground colors. Since #c5a875 is a mid-tone, using it as a page background works effectively if paired with dark, near-black typography to ensure accessibility standards are met and the layout maintains a sophisticated, readable balance.
Is #c5a875 readable on white or black?
#c5a875 has a 2.27:1 contrast ratio on white and 9.23: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.