Color Palettes

Bright green color

An electric yellow-green that almost glows on screen. It is used for high-energy branding, athletic gear and safety details where you want to be noticed.

Also known as: Vivid green.

Open in editor

The hex code for bright green is #AAFF00. In RGB it is rgb(170, 255, 0), in HSL hsl(80, 100%, 50%) and in CMYK 33, 0, 100, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to bright green

Lime green#BFFF00Fluorescent yellow#CCFF00Chartreuse#7FFF00Grass green#7CFC00Kiwi green#8EE53FNeon green#39FF14

About bright green

Bright green (#AAFF00) is a balanced, mid-tone, highly saturated color. It belongs to the greens family. It mixes 170 red, 255 green and 0 blue (out of 255). It is mostly used in sports, branding, web.

Swatch of Bright green with its shades from light to dark · #AAFF00
Bright green · #AAFF00

Bright green shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Bright green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue
AnalogousClose to: Gold, Neon green
TriadicClose to: Bright blue, Fuchsia
Split complementaryClose to: Blue, Neon purple
TetradicClose to: Aquamarine, Blue, Red

Bright green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Bright green
Analogous palette · Bright green
Complementary palette · Bright green
Triadic palette · Bright green
With neutrals palette · Bright green
With an accent palette · Bright green

Bright green contrast with text

White textContrast 1.2:1 · Not recommended
Black textContrast 17.0:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --bright-green: #AAFF00;
  --bright-green-rgb: 170, 255, 0;
}
.bg { background-color: var(--bright-green); }
.text { color: var(--bright-green); }

Colors similar to bright green

PearYellowDaffodilKelly green

Themed palettes with this color

Neon color palettes

More greens

GreenEmerald greenLime greenOlive greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreusePastel greenDark greenLight greenMexican flag greenHunter greenKelly greenOlive drab
Swatch of Bright green with its shades from light to dark · #AAFF00
Swatch of Bright green with its shades from light to dark · #AAFF00

Try this next

Name color paletteType a name and get your own color story paletteColor aquariumA relaxing 3D aquarium in your palettesFamily birth flower bouquetEveryone's birth flowers in one bouquet
See all free tools →

Frequently asked questions

What is the hex code for bright green?

The hex code for bright green is #AAFF00. In RGB it is rgb(170, 255, 0), in HSL hsl(80, 100%, 50%) and in CMYK 33, 0, 100, 0.

What is the complementary color of bright green?

Its complement on the color wheel is #5500FF, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on bright green?

Use black text instead: the contrast with white is only 1.2:1, while with black it is 17.0:1.