#C5DA3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c5da3a is an energetic, neon chartreuse that demands immediate attention. This high-chroma yellow-green works best as a punchy 10% accent rather than a base color. Because it is so bright, it creates excellent legibility when paired with black text. Use this hex code for sale call-to-action buttons or highlights where you need to spark instant engagement in a UI layout.
Questions about #c5da3a
What is #c5da3a in RGB, HSL and CMYK?
In RGB, #c5da3a is rgb(197, 218, 58), in HSL hsl(68, 68%, 54%) and in CMYK 10%, 0%, 73%, 15%.
Where should I use #c5da3a in a web interface?
This color is best suited for small, high-impact UI elements like call-to-action buttons, notification badges, or hover states. Because #c5da3a is extremely bright, using it as a primary background or text color can overwhelm the user or hurt legibility.
What colors pair well with #c5da3a?
This chartreuse works best when anchored by dark, grounding neutrals like charcoal or deep navy to balance its intensity. For a more adventurous palette, try pairing it with high-contrast violet or deep plum to lean into a modern, energetic aesthetic.
Is #c5da3a readable on white or black?
#c5da3a has a 1.55:1 contrast ratio on white and 13.46: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.