#C9A90A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated yellow commands attention without feeling neon. Because it offers excellent contrast with black text at 9.2:1, it works perfectly for high-impact call to action buttons or small UI accents. Avoid using it as a full background, as the intensity can easily overwhelm the eye. The hex code for this energetic shade is #c9a90a. Pair it with deep charcoal to ground the look.
Questions about #c9a90a
What is #c9a90a in RGB, HSL and CMYK?
In RGB, #c9a90a is rgb(201, 169, 10), in HSL hsl(50, 91%, 41%) and in CMYK 0%, 16%, 95%, 21%.
Where should I use #c9a90a in a user interface?
#c9a90a works best as a high-impact accent color for call-to-action buttons or small UI elements like notification badges. Avoid using it for large background blocks because its high saturation and intensity can quickly overwhelm the viewer's eyes.
What colors pair well with #c9a90a?
To ground the intensity of #c9a90a, pair it with a deep charcoal or near-black for high-contrast, accessible typography. For a balanced, vibrant palette, this yellow also complements deep indigo or navy blues, which provide the necessary depth to keep the layout professional.
Is #c9a90a readable on white or black?
#c9a90a has a 2.29:1 contrast ratio on white and 9.16: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.