LightGreen Color

Learn about LightGreen (#90ee90): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

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

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, mint, aquamarine. For a complementary scheme, try #ee91ee. For an analogous scheme, use #bfee91 and #91eebf.