Lime is a fresh, zesty shade that exudes energy and vitality. Positioned between yellow and green on the color wheel, it offers a bright, lively hue. Shades like vibrant lime and neon lime add zest to designs, making it a perfect accent for refreshing, energetic visuals.
Lime is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #00FF00
- RGB value: 0.0% red, 100.0% green, 0.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as lime, consider:
- Neon Green (#2cff05): This color dazzles with brightness and energy, making it a vibrant cousin to Lime, sharing a high-intensity green that catches the eye instantly.
- Pastel Green (#80ef80): Offers a softer, more mellow take on Lime, maintaining the fresh and lively feel but with a subtler, calming presence.
- Spring Green (#00FF7F): Captures the vividness and liveliness of Lime, with an added touch of lightness, evoking the rejuvenation of springtime.
- Yellow-Green (#ccff00): Merges the zest of yellow with green’s vitality, similar to Lime, forming a lively hue that brims with brightness and cheer.
To complement Lime, consider pairing it with:
- Navy Blue (#000080): Provides a strong contrast that enhances Lime’s bright vibrancy, creating a dynamic and balanced color palette.
- Coral (#FF8559): Offers a warm and refreshing counterpoint to Lime’s cool tone, adding energy and liveliness to your design.
- Plum (#8E4585): Creates a rich, sophisticated combination, offsetting Lime’s brightness with its deep, elegant hue.
- Gray (#898989): Offers a neutral balance, allowing Lime’s vividness to stand out without overwhelming the design.
- Lemon (#FFF700): Complements Lime with its similarly bright character, enhancing the overall vividness for a lively, fresh look.
While Lime is vibrant and lively, it may clash with:
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Bold Spectrum
Electric Garden
Neon Blossom
Contrast checker
Contrast 1.37
- Large Text
#00FF00
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.3
- Large Text
#00FF00
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #00FF00, known as Lime, has RGB values of R:0, G:255, B:0 and CMYK values of C:100, M:0, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00FF00 | #00FF00 |
| RGB DECIMAL | 0, 255, 0 | RGB(0,255,0) |
| RGB PERCENTAGE | 0.0, 100.0, 0.0 | RGB(0.0%,100.0%,0.0%) |
| CMYK | 100, 0, 100, 0 | |
| HSL | HSL(120.0, 100.0%, 50.0%) | HSL(120.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 120.0°, 100.0, 100.0 | |
| WEB SAFE | #02550 | #02550 |
| BINARY | 00000000, 11111111, 00000000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF00FF00) |
