#A3E089 Hex Color

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

Hex color #a3e089 graphic
This high-key, light-saturated lime brings immediate energy to UI buttons or playful branding. Because #a3e089 is so bright, it works best as a punchy accent color rather than a large background. It pairs well against deep charcoal or dark navy text for strong readability. While you might use it for high-energy graphics, be careful not to muddy it while mixing gray. The hex code for this lime is #a3e089.

Questions about #a3e089

What is #a3e089 in RGB, HSL and CMYK?
In RGB, #a3e089 is rgb(163, 224, 137), in HSL hsl(102, 58%, 71%) and in CMYK 27%, 0%, 39%, 12%.
What colors pair well with #a3e089?
#a3e089 is a high-energy lime that works best when grounded by deep, neutral tones. Pair it with dark charcoal or deep navy to create strong contrast and ensure your text remains readable in UI designs.
Should I use #a3e089 as a background color?
Avoid using #a3e089 for large background areas because its high saturation can quickly overwhelm the viewer and cause eye fatigue. Instead, reserve this bright lime for small, punchy accent elements like call-to-action buttons or highlighted icons.
Is #a3e089 readable on white or black?
#a3e089 has a 1.54:1 contrast ratio on white and 13.58: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.