#A5C51F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a5c51f graphic
This bright, high-chroma lime demands attention with its intense, glowing character. Because it is so saturated, #a5c51f works best as a 10% accent color rather than a dominant background. It pairs surprisingly well with deep charcoal grays, which ground its neon energy. The hex code #a5c51f offers excellent readability for small text when paired with black, ensuring your UI elements remain accessible.

Questions about #a5c51f

What is #a5c51f in RGB, HSL and CMYK?
In RGB, #a5c51f is rgb(165, 197, 31), in HSL hsl(72, 73%, 45%) and in CMYK 16%, 0%, 84%, 23%.
How can I effectively use #a5c51f in a user interface?
#a5c51f works best as a 10% accent color to draw attention to call-to-action buttons or highlights. Because of its high saturation, it can overwhelm a layout if used for backgrounds, but it remains highly accessible for text when placed against deep charcoal or black surfaces.
What colors provide the best balance for #a5c51f?
Deep, neutral tones like charcoal or slate gray provide the necessary grounding to balance the intense, neon energy of #a5c51f. Avoid pairing it with other highly saturated warm colors, as this can create visual vibration and reduce overall design legibility.
Is #a5c51f readable on white or black?
#a5c51f has a 1.97:1 contrast ratio on white and 10.60: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.