#C6C209 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow packs a punch with its acidic, neon-leaning chroma. Because of its intensity, #c6c209 works best as a 10% accent color for calls to action rather than a background. Pair it with deep charcoal or matte black to keep your text legible, as it maintains excellent contrast ratios. Use the hex code #c6c209 sparingly to draw the eye where it matters most.
Questions about #c6c209
What is #c6c209 in RGB, HSL and CMYK?
In RGB, #c6c209 is rgb(198, 194, 9), in HSL hsl(59, 91%, 41%) and in CMYK 0%, 2%, 95%, 22%.
How do I balance #c6c209 in a design without overwhelming users?
Treat #c6c209 as a strategic accent color rather than a primary shade, limiting its usage to roughly 10% of your visual real estate. It pairs effectively with deep charcoal or matte black, which provides the necessary contrast to make the text legible and the color pop.
Does #c6c209 function well as a background color?
Using #c6c209 as a full-page background is generally discouraged because its intense, acidic chroma can cause significant eye strain and make reading black text difficult. Instead, reserve this yellow for smaller interactive elements like buttons, badges, or notification icons to ensure high accessibility.
Is #c6c209 readable on white or black?
#c6c209 has a 1.88:1 contrast ratio on white and 11.12: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.