Atomic Lime

#b9ff03

Neon-lime contrast for atomic callouts, not soft cream

Save
Share

About Atomic Lime

This one doesn't announce itself like does, and it doesn't rely on context the way does. Atomic Lime sits at that rare intersection where saturation and lightness peak together, it's got the punch of true neon but lands softer, almost electric without the aggression. On screen it reads as pure signal, the kind of green that actually feels alive instead of just bright.

You'll reach for it in live-event dashboards, real-time alerts, and notification badges where motion and energy matter. Trading platforms use it for gainers. Navigation apps layer it into active routes. It works especially well on dark interfaces because the green undertone keeps it from feeling yellow-warm; there's a coolness in there that reads as technical, present, intentional. It's the green you pick when you need something to feel active without feeling like a warning.

The trade-off is real though. Pair it with medium grays or muted backgrounds and it'll feel out of place, almost wrong. It wants either deep darks or clean white, somewhere it can breathe. Oversaturate your whole layout with it and you'll lose the impact fast.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.21:1Fail

On Gray 100 #f5f5f5

Aa
1.11:1Fail

On Gray 900 #18181b

Aa
14.65:1AAA

On Black #000000

Aa
17.37:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#bfff00
#aaff32
#c1f80a
#a7fc00

Create a gradient with Atomic Lime

Open the generator with this color pre-loaded.

Start creating