#C5CA30 Hex Color
Bold energetic yellow-green for modern accents
This high-energy chartreuse demands attention. The hex code #c5ca30 functions best as a small accent color rather than a large background, which can overwhelm the eye. It pairs strikingly with deep charcoal grays for high-contrast branding. Since black text provides excellent readability at an 11.9:1 ratio, use this color to highlight critical UI elements or sale call-to-action buttons where visibility is the main priority.
Questions about #c5ca30
What is #c5ca30 in RGB, HSL and CMYK?
In RGB, #c5ca30 is rgb(197, 202, 48), in HSL hsl(62, 62%, 49%) and in CMYK 2%, 0%, 76%, 21%.
How should I use #c5ca30 in my designs?
Because #c5ca30 is so saturated, reserve it for small, high-impact UI elements like sale buttons or notification badges. Using it for large backgrounds often overwhelms the screen, so keep it as an accent rather than a primary fill.
What colors pair well with #c5ca30?
This vibrant chartreuse stands out most effectively against deep neutrals. Pairing #c5ca30 with charcoal or very dark grays provides the best readability and contrast, ensuring your call-to-action buttons are both accessible and visually striking to your users.
Is #c5ca30 readable on white or black?
#c5ca30 has a 1.76:1 contrast ratio on white and 11.86: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.