#C5C488 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, pale yellow carries a delicate, ashy undertone that feels mellow rather than bright. Because #c5c488 lacks high saturation, it works best as a supporting background rather than a main feature. It pairs well with charcoal or dark navy text for strong readability. The hex code #c5c488 provides a grounded, airy feel that suits minimal UI designs or clean product branding.
Questions about #c5c488
What is #c5c488 in RGB, HSL and CMYK?
In RGB, #c5c488 is rgb(197, 196, 136), in HSL hsl(59, 34%, 65%) and in CMYK 0%, 1%, 31%, 23%.
What colors work best with #c5c488?
This dusty yellow pairs effectively with charcoal or dark navy text to create a high-contrast, professional look suitable for web interfaces. The muted, ashy quality of #c5c488 prevents harsh glare, allowing dark elements to stand out clearly against the soft backdrop.
Where should #c5c488 be used in design?
Use #c5c488 primarily as a supporting background color in minimal, modern user interfaces where you want to evoke a calm, grounded mood. It is less effective as an accent or primary button color because its low saturation can cause it to fade into the background.
Is #c5c488 readable on white or black?
#c5c488 has a 1.80:1 contrast ratio on white and 11.62: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.