#C09900 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #c09900 graphic
This saturated golden yellow leans toward mustard, offering a warm and high-energy tone. Because it demands attention, #c09900 works best as a small accent or call-to-action button rather than a large background. It pairs well with deep charcoal or navy blue to ground its intensity. With high contrast against black text, the hex code #c09900 provides excellent readability for UI elements.

Questions about #c09900

What is #c09900 in RGB, HSL and CMYK?
In RGB, #c09900 is rgb(192, 153, 0), in HSL hsl(48, 100%, 38%) and in CMYK 0%, 20%, 100%, 25%.
Does #c09900 work well as a primary background color?
#c09900 is generally too intense for large backgrounds, often causing eye strain over time. Use it primarily for smaller interface elements like buttons or icons where its high-energy nature can effectively draw user attention without overwhelming the overall layout.
What colors pair best with #c09900?
This mustard yellow creates a balanced, professional look when paired with deep charcoal or dark navy tones. These dark neutrals ground the brightness of #c09900, creating enough contrast to keep your design readable and sophisticated.
Is #c09900 readable on white or black?
#c09900 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.