Lime Color

Learn about Lime (#00ff00): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#00ff00
HEX #00ff00
RGB rgb(0, 255, 0)
HSL 120°, 100%, 50%

About Lime Color

Lime is an intensely bright, neon green that demands attention. It is used for high-energy brands, gaming interfaces, and youth-oriented designs.

Use Cases for Lime

gaming UIyouth brandsenergy drinkshighlight accentsneon themes

Shades & Tints of Lime

#ffffff
#bfffbf
#80ff80
#40ff40
#00ff00
#00bf00
#008000
#004000
#000000

Complementary Color

#00ff00
#ff00ff

Analogous Colors

#80ff00
#00ff00
#00ff80

CSS Code

.lime-color {
  color: #00ff00;
}

Contrast Recommendations

Black text on Lime
Ratio: 15.3:1 ✓ Passes AA ✓ Passes AAA
White text on Lime
Ratio: 1.37:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Lime?

Lime is represented by the hex code #00ff00 and has RGB values of rgb(0, 255, 0). It falls under the Green category.

How to use Lime in web design?

Lime works well for gaming UI, youth brands, energy drinks. Lime is an intensely bright, neon green that demands attention. It is used for high-energy brands, gaming interfaces, and youth-oriented designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Lime?

Colors that pair well with Lime include greenyellow, lawngreen, chartreuse, springgreen, yellowgreen. For a complementary scheme, try #ff00ff. For an analogous scheme, use #80ff00 and #00ff80.