#C8C648 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, chartreuse-leaning yellow carries a high-energy, spontaneous mood. Because #c8c648 is fairly desaturated, it avoids the harshness of neon while maintaining a glowing, warm presence. Use it as a 10% accent to draw attention in call-to-action buttons or sale banners. It pairs surprisingly well with deep charcoal grays, which allow the color to pop without feeling overwhelming or washed out.
Questions about #c8c648
What is #c8c648 in RGB, HSL and CMYK?
In RGB, #c8c648 is rgb(200, 198, 72), in HSL hsl(59, 54%, 53%) and in CMYK 0%, 1%, 64%, 22%.
How should #c8c648 be used in UI design?
Use #c8c648 as a strategic accent color to draw attention to call-to-action buttons or sale banners without overwhelming the interface. Because it is desaturated and warm, it provides enough visual energy to stand out against neutral backgrounds like charcoal.
Does #c8c648 pair well with dark colors?
Yes, #c8c648 creates a high-contrast, modern aesthetic when paired with deep charcoal or dark navy grays. These dark, muted tones ground the high-energy, chartreuse-leaning yellow, preventing it from appearing washed out while keeping the design balanced and readable.
Is #c8c648 readable on white or black?
#c8c648 has a 1.80:1 contrast ratio on white and 11.62: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.