Figma color wheel
Want to find the perfect complementary or analogous colors to match lime green?
Skip to main content
Everything you need to know about lime green to inspire your next design.
Lime green is a bold and lively shade noted for its high saturation and brightness. This eye-catching color merges the youthful energy of yellow with the natural freshness of green, creating a dynamic and stimulating color.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Neighbor’s Lawn
Neon Jungle
Spring Energy
Lime green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #89F336
- RGB value: 53.7% red, 95.3% green and 21.2% 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.
Lime green's vibrancy makes it a powerful tool for UI design. Here's how to use it strategically:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same vivid and energetic spectrum as lime green, consider:
To complement lime green's dynamic tones, consider pairing it with:
Other colors worth considering include navy blue for a classic, preppy look, coral for a warm, summery vibe, and silver for a futuristic, sleek design.
While lime green can be versatile, it may clash with:
Lime green represents freshness, creativity, and vitality. It embodies growth, renewal, and the vibrant energy of life. This color is often associated with innovation and eco-friendliness, making it popular in branding and design to convey environmental awareness and a youthful, dynamic spirit.
In color psychology, the brightness of this particular lime green can trigger varied emotional responses. Its vibrant intensity may evoke feelings of energy and excitement, which can be positive. However, its brightness can also trigger feelings of annoyance or restlessness. (Also, consider this color’s connection to toxicity or danger in popular culture.)
Lime green can be a powerful tool in UI design that draws attention and encourages user interaction thanks to its high visibility. It is particularly effective for highlighting key elements on a website or app, such as CTA buttons or essential navigation points. However, to avoid overwhelming users, use it strategically.
While vibrant yellow-greens have been around for ages, symbolizing everything from rebirth in ancient Egypt to wealth in Europe, the term lime green only popped up in English around 1890. This coincides with the invention of brighter, synthetic pigments that created the specific zesty hue we know today.
The 20th century saw lime green blossom. Art Deco embraced its boldness, and the 50s and 60s rode its wave of optimism. It remains a popular choice today for fresh, youthful, or eco-conscious brands.
Contrast 1.41
#89F336
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 14.94
#89F336
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #89F336, known as lime green, has RGB values of R:137, G:243, B:54 and CMYK values of C:0.44, M:0, Y:0.78, K:0.05.
| VALUE | CSS | |
|---|---|---|
| HEX | 89F336 | #89F336 |
| RGB DECIMAL | 137, 243, 54 | rgb(137,243,54) |
| RGB PERCENTAGE | 53.7, 95.3, 21.2 | rgb(53.7%,95.3%,21.2%) |
| CMYK | 44, 0, 78, 5 | |
| HSL | 93.7°, 88.7, 58.2 | hsl(93.7,88.7%,58.2%) |
| HSV (OR HSB) | 93.7°, 77.8, 95.3 | |
| WEB SAFE | 99FF33 | #99FF33 |
| CIE-LAB | 86.841, -59.351, 74.776 | |
| XYZ | 43.032, 69.683, 14.673 | |
| xyY | 0.338, 0.547, 69.683 | |
| CIE-LCH | 86.841, 95.467, 128.44 | |
| CIE-LUV | 86.841, -51.734, 96.566 | |
| HUNTER-LAB | 83.477, -54.069, 48.012 | |
| BINARY | 10001001, 11110011, 00110110 | |
| iOS - SwiftUI | Color(red: 137/255, green: 243/255, blue: 54/255) | |
| iOS - UIKit | UIColor(red: 137/255.0, green: 243/255.0, blue: 54/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFF89F336) |
Want to find the perfect complementary or analogous colors to match lime green?
Learn more about the color green
Learn more about pastel green.