#C69625 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, golden yellow carries heavy brown undertones that make it feel grounded rather than bright. The hex code #c69625 works best as a high-impact accent color for calls to action, as it can overwhelm a layout if used as a primary background. It pairs exceptionally well with deep charcoal grays for high-contrast, legible text.
Questions about #c69625
What is #c69625 in RGB, HSL and CMYK?
In RGB, #c69625 is rgb(198, 150, 37), in HSL hsl(42, 69%, 46%) and in CMYK 0%, 24%, 81%, 22%.
How can I effectively use #c69625 in a web layout?
#c69625 works best as a bold, high-impact accent color rather than a primary background. It is highly effective for call-to-action buttons or highlights when paired with deep charcoal or dark navy text to ensure high readability and contrast.
Why does #c69625 feel more grounded than a standard yellow?
The heavy brown undertones within #c69625 shift its profile away from bright, acidic yellows toward a warmer, more organic aesthetic. This makes the color feel stable and approachable, fitting well into rustic, artisanal, or professional branding palettes where brightness needs tempering.
Is #c69625 readable on white or black?
#c69625 has a 2.69:1 contrast ratio on white and 7.79: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.