Lime Color — HEX, RGB, HSL, Palettes & Contrast

Lime (#00ff00): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use Lime in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

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

Triadic Colors

#00ff00
#0000ff
#ff0000

Split Complementary

#00ff00
#8000ff
#ff0080

Tetradic Colors

#00ff00
#00ffff
#ff00ff
#ff0000

CSS Code

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

/* As a CSS custom property */
:root {
  --color-lime: #00ff00;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

Related Colors

GreenYellow
LawnGreen
Chartreuse
SpringGreen
YellowGreen

Related Tools

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 Lime 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. For a triadic scheme, combine with #0000ff and #ff0000.