Battletoad

#11cc55

Mid-saturation war-green for alerts and status blocks

Save
Share

About Battletoad

Battletoad's the one you reach for when you need green to actually feel alive without the clinical edge. It's saturated enough to command space but sits warmer than 's pure neon punch, and it's got more restraint than 's deliberate glow. Where those colors announce themselves with purpose, this one just exists with confidence.

You'll land it in gaming interfaces, status indicators, and data visualization where the green needs to feel present but not aggressive. Health bars, active states, growth charts, live monitoring dashboards. It works across both dark and light backgrounds without the stretching feeling or the cramped sensation that thinner greens develop. Against deep backgrounds it's got weight. Against lighter neutrals it doesn't fade or demand unnecessary breathing room.

The difference from matters: this has more saturation, less of that natural plant-life quality. It reads less like "sustainability" and more like "this thing is running right now." Pair it tight with blacks or charcoals and you get that perfect hum without 's detachment.

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
2.14:1Fail

On Gray 100 #f5f5f5

Aa
1.97:1Fail

On Gray 900 #18181b

Aa
8.26:1AAA

On Black #000000

Aa
9.79: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

Create a gradient with Battletoad

Open the generator with this color pre-loaded.

Start creating