Light Green meaning and palette guide
HEX
#90EE90
RGB
144, 238, 144
HSL
120°, 73%, 75%
HSV
120°, 39%, 93%
Light green behaves like a breath of spring air translated into pigment — soft, airy, and easy on the eyes. #90EE90 is pastel without drifting into mint; it keeps enough chroma to feel alive on wellness and baby-care aesthetics. Choose it when you want reassurance rather than command.
Best for
Email templates, blog headers, and content marketing visuals.
Compare with
Accessibility
Check contrast before using light green for text-heavy layouts, especially on low-contrast backgrounds.
How does light green compare to nearby colors?
What is the difference between light green and celadon?
Light Green (#90EE90) feels more signal-like on screen, while Celadon (#ACE1AF) pushes the family in the opposite direction. Light Green pushes the palette toward sharper emphasis, while Celadon leaves more room for typography, photography, or adjacent accents. Reach for light green when the palette can tolerate a louder note; stay with celadon when the work calls for longer-running color.
What color is light green?
Pastel greens labeled "light green" are common in healthcare waiting rooms, spa branding, and early educational materials. In CSS, "LightGreen" is a named color.
What is the hex code for light green?
| Format | Value |
|---|---|
| HEX | #90EE90 |
| RGB | rgb(144, 238, 144) |
| HSL | hsl(120°, 73%, 75%) |
| HSV / HSB | hsv(120°, 39%, 93%) |
| CMYK (approx.) | cmyk(39%, 0%, 39%, 7%) |
Convert Light Green to other color formats
Open the color converter with Light Green (#90EE90) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Light Green in the color converter →What does light green mean in design?
Light green is often associated with gentleness, recovery, and low-stakes optimism. Against celadon it tends to read as fresher and less ceramic; next to seafoam it usually feels warmer and less aquatic.
How do I use light green in code?
| CSS (hex) | color: #90EE90; |
| CSS (rgb) | color: rgb(144, 238, 144); |
| CSS (hsl) | color: hsl(120, 73%, 75%); |
| RGB % | rgb(56%, 93%, 56%) |
| Tailwind | text-[#90EE90] |
| SwiftUI | Color(red: 0.565, green: 0.933, blue: 0.565) |
| UIKit | UIColor(red: 0.565, green: 0.933, blue: 0.565, alpha: 1.0) |
| Android | Color.rgb(144, 238, 144) |
| Compose | Color(0xFF90EE90) |
| Web Safe | #99FF99 |
Is light green accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.42:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 14.82:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.42:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 14.82: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 light green look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with light green
Charcoal lets light green stay light and atmospheric while still giving the layout a readable dark value for text and hierarchy.
Gold gives light green a warmer highlight, which helps the palette feel more tactile and less screen-native than it would with only neutrals.
With a vivid light green, cream is gentler than white, so the palette keeps warmth and avoids looking overlit.
What colors clash with light green
Neon Green competes with light green so aggressively that the palette never really settles into a clear primary-secondary relationship.
With light green, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.
How should I use light green in design?
- •Use light green for soft backgrounds and supporting surfaces rather than foreground text — it creates a gentle atmosphere while keeping the layout open and readable.
- •Light Green leans cool, so warm accents like gold, coral, or rust add the most energy. For a calm, professional palette, stay with other cool tones and use value contrast instead.
- •Light Green fits finance dashboards, sustainability reports, and health-tech interfaces where the palette needs to communicate credibility and forward momentum.
What are good light green palettes?
Sunlit warmth
Workshop handouts, training guides, and presentation templates.
Design with light green in Moda
Create a presentation or document using light green as your accent color. Moda's AI applies your color palette automatically.
Create a design with light green →What are the shades and tints of light green?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for light 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
Mint Green
Mint Green is nearly adjacent to light green in hue; what separates them is intensity, with mint green reading cleaner and more assertive.
Celadon
Celadon sits close to light green on the wheel, but it carries less chroma, which makes it better for steadier surfaces and calmer long-form use than for sharper emphasis and quicker visual pickup.
Seafoam
Seafoam keeps roughly the same visual weight as light green but changes the undertone story, which is often enough to move a palette from warmer and tactile to cooler and more technical, or the reverse.
Pistachio
Pistachio tracks close to light green in hue, but the value shift changes where each one earns its place: pistachio is easier to use for headlines, anchors, and darker sections, while light green holds onto lighter surfaces and more open applications.
Emerald
Emerald stays in the same color family as light green, but the change in value moves it into different layout jobs, especially once backgrounds, charts, or section dividers enter the system.
Frequently asked questions
What is the hex code for light green?
The hex code for light green is #90EE90. In RGB, that's 144 red, 238 green, and 144 blue. The approximate CMYK equivalent is 39% cyan, 0% magenta, 39% yellow, and 7% key (black).
Is light green a warm or cool color?
Light Green reads as cool. It settles naturally beside blues, greens, silver, and charcoal, and feels more animated when paired with warm accents like gold, coral, or rust.
Is light green better as an accent or a full-palette color?
Light Green is usually best when it leads in short bursts rather than covering everything. It can headline a palette, but most layouts work better when the color handles accents, highlights, or one main hero role instead of every surface.
How should I use light green in a design?
Light Green works as a soft background or supporting color for slide canvases, section panels, and marketing surfaces. Use dark text for readability and reserve stronger accents for buttons, charts, and key takeaways.
Can I use light green for text or backgrounds?
Light Green works better with dark text than white text. Black text reaches 14.82: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 light 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.