LightGreen Color — HEX, RGB, HSL, Palettes & Contrast

LightGreen (#90ee90): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#90ee90
HEX #90ee90
RGB rgb(144, 238, 144)
HSL 120°, 73%, 75%

Use LightGreen in Your Projects

About LightGreen Color

LightGreen is a soft, fresh green that feels natural and revitalizing. It is commonly used for success indicators, eco-friendly badges, and health themes.

Use Cases for LightGreen

success badgeseco badgeshealth themesnature accentsgarden design

Shades & Tints of LightGreen

#ffffff
#e3fbe3
#c8f7c8
#acf2ac
#90ee90
#6cb36c
#487748
#243c24
#000000

Complementary Color

#90ee90
#ee91ee

Analogous Colors

#bfee91
#90ee90
#91eebf

Triadic Colors

#90ee90
#9191ee
#ee9191

Split Complementary

#90ee90
#bf91ee
#ee91bf

Tetradic Colors

#90ee90
#91eeee
#ee91ee
#ee9191

CSS Code

.lightgreen-color {
  color: #90ee90;
  background-color: #90ee90;
}

/* As a CSS custom property */
:root {
  --color-lightgreen: #90ee90;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on LightGreen
Ratio: 14.82:1 ✓ Passes AA ✓ Passes AAA
White text on LightGreen
Ratio: 1.42:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightGreen?

LightGreen is represented by the hex code #90ee90 and has RGB values of rgb(144, 238, 144). It falls under the Green category.

How to use LightGreen in web design?

LightGreen works well for success badges, eco badges, health themes. LightGreen is a soft, fresh green that feels natural and revitalizing. It is commonly used for success indicators, eco-friendly badges, and health themes. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightGreen?

Colors that pair well with LightGreen include palegreen, mediumspringgreen, springgreen, aquamarine. For a complementary scheme, try #ee91ee. For an analogous scheme, use #bfee91 and #91eebf. For a triadic scheme, combine with #9191ee and #ee9191.