Naviguer jusqu'au contenu principal

Lime green

Lime green

Everything you need to know about lime green to inspire your next design.

Choisir un type de palette

What color is lime green?

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.

lime greenlime green

What does lime green look like on digital screens?

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.

How should I effectively use lime green in UI design?

Lime green's vibrancy makes it a powerful tool for UI design. Here's how to use it strategically:

  • Highlight interactive elements. Lime green's eye-catching nature makes it perfect for buttons and links, grabbing user attention and prompting them to take action.
  • Enhance visual hierarchy. Use lime green to highlight important elements or features within your interface. Its standout hue can serve as a visual cue that helps guide users through your UI, making it intuitive and user-friendly.
  • Create a fresh, energetic aesthetic. Lime green conveys a sense of energy and innovation, making it particularly effective for apps in the health, wellness, and creative sectors.
  • Balance with cooler tones. To prevent lime green from overwhelming the design, pair it with cooler tones like blues or grays, or use it with neutrals.

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.

What are similar colors to lime green?

For variations within the same vivid and energetic spectrum as lime green, consider:

  • Chartreuse (#CCFF00) captures the perfect balance between yellow and green, offering a slightly more yellow tone that shares lime green's vibrancy.
  • Neon green (#2CFF05) is even more vivid, with an electric quality that amplifies the energetic feel of lime green.
  • Spring green (#00FF7F) leans towards a more cyan shade, providing a refreshing and slightly cooler alternative while maintaining the lively spirit of lime green.
  • Kelly green (#4CBB17) offers a deeper, more traditional green, but it still retains the freshness and vibrancy associated with lime green.

What colors go with lime green?

To complement lime green's dynamic tones, consider pairing it with:

  • Deep purple (#663399) introduces a rich, luxurious contrast, grounding lime green's brightness with a touch of sophistication.
  • Cool gray (#CBCBCB) offers a neutral, contemporary backdrop that allows lime green to stand out without overwhelming the senses.
  • White (#FFFFFF) provides a crisp, clean canvas that amplifies lime green's vibrancy, creating a modern and energetic palette.
  • Sky blue (#87CEEB) adds a calming, serene touch, balancing lime green's intensity with a hint of cool tranquility.
  • Hot pink (#FF69B4) for a playful, bold contrast that's full of energy and fun, appealing to a youthful and vibrant aesthetic.

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.

What colors conflict with lime green?

While lime green can be versatile, it may clash with:

  • Red-orange (#FF4B33) can be too harsh against lime green, creating a visually jarring contrast that may appear unsettling.
  • Burnt sienna (#ED7B58), while earthy and warm, might dull lime green's brightness, leading to a muddled and less appealing combination.
  • Dark brown (#654321) tends to overshadow lime green's vibrancy, potentially leading to a heavy and less harmonious look.
  • Olive green (#636B2F), with its muted, earthy tones, may not provide enough contrast or vibrancy, resulting in a palette that lacks energy.
  • Maroon (#550000), though rich and deep, can compete too much with lime green, creating a palette that might feel overwhelming or unbalanced.

What does lime green symbolize?

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.

What’s the history of lime green?

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.

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Neighbor’s Lawn

Neon Jungle

Spring Energy

Zugänglichkeit

Contrast checker

Texte en grand format

Figma

Texte normal

Votre manière de concevoir, d'aligner et de créer a de l'importance. Faites-le avec Figma.

Voici du texte #89F336 sur un arrière-plan #FFFFFF.

1,41:1

Contraste simple WCAG 2.2

Texte normal

Fail
AA
4,5:1
Fail
AAA
7:1

Texte en grand format

Fail
AA
3:1
Fail
AAA
4,5:1
Texte en grand format

Figma

Texte normal

Votre manière de concevoir, d'aligner et de créer a de l'importance. Faites-le avec Figma.

Voici du texte #89F336 sur un arrière-plan #000000.

14,94:1

Contraste simple WCAG 2.2

Texte normal

Pass
AA
4,5:1
Pass
AAA
7:1

Texte en grand format

Pass
AA
3:1
Pass
AAA
4,5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

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.

VALUECSS
HEX89F336#89F336
RGB DECIMAL137, 243, 54rgb(137,243,54)
RGB PERCENTAGE53.7, 95.3, 21.2rgb(53.7%,95.3%,21.2%)
CMYK44, 0, 78, 5
HSL93.7°, 88.7, 58.2hsl(93.7,88.7%,58.2%)
HSV (OR HSB)93.7°, 77.8, 95.3
WEB SAFE99FF33#99FF33
CIE-LAB86.841, -59.351, 74.776
XYZ43.032, 69.683, 14.673
xyY0.338, 0.547, 69.683
CIE-LCH86.841, 95.467, 128.44
CIE-LUV86.841, -51.734, 96.566
HUNTER-LAB83.477, -54.069, 48.012
BINARY10001001, 11110011, 00110110
iOS - SwiftUIColor(red: 137/255, green: 243/255, blue: 54/255)
iOS - UIKitUIColor(red: 137/255.0, green: 243/255.0, blue: 54/255.0, alpha: 1.0)
Android - ComposeColor(0xFF89F336)

Keep learning

color wheelcolor wheel

Figma color wheel

Want to find the perfect complementary or analogous colors to match lime green?

Mehr erfahren

GreenGreen

Green

Learn more about the color green

Mehr erfahren

Pastel greenPastel green

Pastel green

Learn more about pastel green.

Mehr erfahren