#C6A56B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mellow yellow tone brings a soft warmth to any design. It reads as a muted gold rather than a bright primary shade. Because it offers strong contrast with black text, #c6a56b works well for buttons or secondary UI elements. Avoid using it as a dominant background, where it can appear muddy. Instead, pair this hex code with deep charcoal to ground its lighter, friendly character.
Questions about #c6a56b
What is #c6a56b in RGB, HSL and CMYK?
In RGB, #c6a56b is rgb(198, 165, 107), in HSL hsl(38, 44%, 60%) and in CMYK 0%, 17%, 46%, 22%.
How should I use #c6a56b in web design?
Use #c6a56b primarily for secondary UI elements like buttons or highlights rather than large backgrounds. Its unsaturated tone provides excellent contrast against dark charcoal or deep navy text, making it a reliable choice for accessible, professional interfaces that avoid harsh primary colors.
Why does #c6a56b look muddy on large backgrounds?
This color has a desaturated, earthy quality that can lose its definition when covering wide areas, often appearing dull or muddy on screen. It is much more effective as an accent, where its warmth stands out against neutral or high-contrast backdrops.
Is #c6a56b readable on white or black?
#c6a56b has a 2.33:1 contrast ratio on white and 8.99: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.