#C5B786 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated yellow leans heavily into earthy, muted territory. Because it sits on the lighter side of the spectrum, it functions best as a grounding neutral for warm palettes rather than a primary focus. Pair #c5b786 with deep charcoal or slate gray to anchor its mellow character. The hex code #c5b786 provides excellent accessibility for standard body text, making it a reliable choice for readable background surfaces.
Questions about #c5b786
What is #c5b786 in RGB, HSL and CMYK?
In RGB, #c5b786 is rgb(197, 183, 134), in HSL hsl(47, 35%, 65%) and in CMYK 0%, 7%, 32%, 23%.
What colors complement #c5b786 for a balanced design?
This dusty yellow pairs best with deep, cool tones like charcoal or slate gray to anchor its warm, muted character. These darker shades provide the necessary visual contrast to make the lightness of #c5b786 feel intentional and balanced rather than washed out.
Is #c5b786 suitable for UI text backgrounds?
Yes, #c5b786 functions as a reliable neutral for background surfaces because it maintains accessibility while providing a softer alternative to standard white. It creates a calm, approachable aesthetic that prevents the harsh eye strain often associated with brighter, saturated yellow backgrounds.
Is #c5b786 readable on white or black?
#c5b786 has a 2.00:1 contrast ratio on white and 10.49: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.