What color is Lime Green?
HEX
#32CD32
RGB
50, 205, 50
HSL
120°, 61%, 50%
HSV
120°, 76%, 80%
Lime green lands in that loud pocket where grass meets highlighter — yellow energy with a chlorophyll backbone. #32CD32 is a staple "sports-bright" green: energetic on dark fields, almost candy-like on light backgrounds. It is the kind of green people name when they mean vivid, not subtle.
Best for
Email templates, blog headers, and content marketing visuals.
Compare with
Accessibility
Check contrast before using lime green for text-heavy layouts, especially on low-contrast backgrounds.
How does lime green compare to nearby colors?
What is the difference between lime green and forest green?
Lime Green (#32CD32) lands higher on the value scale than Forest Green (#228B22), so the first impression is about darkness before hue. Lime Green lightens the palette overall and makes it easier to keep the page feeling open rather than heavy. Reach for lime green when softness is the point; save forest green for the version of the family that can shoulder more structure.
What color is lime green?
"Lime green" is used loosely for several yellow-leaning greens, which is why different tools and brands do not always point to the exact same hex. In practice, #32CD32 reads as the familiar sports-uniform or packaging version: bright, grassy, and easier to use than fluorescent neon green.
What is the hex code for lime green?
| Format | Value |
|---|---|
| HEX | #32CD32 |
| RGB | rgb(50, 205, 50) |
| HSL | hsl(120°, 61%, 50%) |
| HSV / HSB | hsv(120°, 76%, 80%) |
| CMYK (approx.) | cmyk(76%, 0%, 76%, 20%) |
Convert Lime Green to other color formats
Open the color converter with Lime Green (#32CD32) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Lime Green in the color converter →What does lime green mean in design?
Lime green is often associated with youth, play, and competitive energy. Next to kelly green it tends to read as more yellow and punchy; beside spring green it usually feels warmer and less minty.
How do I use lime green in code?
| CSS (hex) | color: #32CD32; |
| CSS (rgb) | color: rgb(50, 205, 50); |
| CSS (hsl) | color: hsl(120, 61%, 50%); |
| RGB % | rgb(20%, 80%, 20%) |
| Tailwind | text-[#32CD32] |
| SwiftUI | Color(red: 0.196, green: 0.804, blue: 0.196) |
| UIKit | UIColor(red: 0.196, green: 0.804, blue: 0.196, alpha: 1.0) |
| Android | Color.rgb(50, 205, 50) |
| Compose | Color(0xFF32CD32) |
| Web Safe | #33CC33 |
Is lime green accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 2.12:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 9.91:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 2.12:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 9.91:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does lime green look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with lime green
Pairing lime green with charcoal adds useful depth while keeping the palette flexible for interfaces, decks, and editorial layouts.
Gold gives lime green a warmer highlight, which helps the palette feel more tactile and less screen-native than it would with only neutrals.
Cream helps lime green read warmer, softer, and less screen-hard than it would beside pure white.
What colors clash with lime green
With lime green, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
With lime green, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.
How should I use lime green in design?
- •Use lime green where you need a clear, ownable color — logos, primary CTAs, and hero sections where it carries the visual identity.
- •Pair lime green with warm accents (gold, rust, amber) when you need more energy, or stay in cool territory (navy, silver, sage) for a composed, professional look.
- •Use lime green in product launches, sports graphics, youth campaigns, or energetic UI moments where the palette can afford a louder accent.
What are good lime green palettes?
Autumn light
Brand guidelines, design systems, and visual identity documents.
Design with lime green in Moda
Create a presentation or document using lime green as your accent color. Moda's AI applies your color palette automatically.
Create a design with lime green →What are the shades and tints of lime green?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for lime green?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Forest Green
Forest Green is close enough to lime green to keep the palette cohesive, yet the lighter-darker shift still decides whether the family behaves more like atmosphere or more like structure.
Kelly Green
Kelly Green is useful when lime green is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Neon Green
Neon Green sits close to lime green on the wheel, but it carries more pigment pressure, which makes it better for faster emphasis and brighter accent work than for broader coverage and quieter supporting roles.
Emerald
Emerald is useful when lime green is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Fern
Fern tracks close to lime green in hue, but the value shift changes where each one earns its place: fern is easier to use for headlines, anchors, and darker sections, while lime green holds onto lighter surfaces and more open applications.
Frequently asked questions
What is the hex code for lime green?
The hex code for lime green is #32CD32. In RGB, that's 50 red, 205 green, and 50 blue. The approximate CMYK equivalent is 76% cyan, 0% magenta, 76% yellow, and 20% key (black).
Is lime green a warm or cool color?
Lime Green falls on the cool side of the palette, so warm companions create the clearest contrast while other cool tones keep the system more restrained.
Is lime green better for accents, structure, or surfaces?
Lime Green sits in the usable middle: strong enough to anchor a section or call attention to a key moment, but calm enough to support a broader system when the surrounding values are well managed.
Where does lime green work best in a layout?
Lime Green sits in the middle of the spectrum in a useful way: strong enough for emphasis, but controlled enough to support a broader brand or presentation system when the contrast is handled well.
Is lime green accessible?
Lime Green works better with dark text than white text. Black text reaches 9.91:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More green colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Green colors
Compare lime green with other green tones.
Blue colors
Explore nearby color families to build stronger palettes and contrasts.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.