Light Green color codes
| CSS name | lightgreen |
|---|---|
| HEX | #90EE90 |
| RGB | rgb(144, 238, 144) |
| HSL | hsl(120, 73%, 75%) |
| CMYK | cmyk(39%, 0%, 39%, 7%) |
| Decimal | 9498256 |
Shades of Light Green (darker)
#82D682 · #73BE73 · #65A765 · #568F56 · #487748 · #3A5F3A · #2B472B · #1D301D · #0E180E
Tints of Light Green (lighter)
#9BF09B · #A6F1A6 · #B1F3B1 · #BCF5BC · #C8F7C8 · #D3F8D3 · #DEFADE · #E9FCE9 · #F4FDF4
Color harmonies
| Complementary | #EE91EE |
|---|---|
| Triadic | #9191EE, #EE9191 |
| Analogous | #BFEE91, #91EEBF |
Accessibility (WCAG contrast)
| White text on Light Green | 1.42:1 · Fail |
|---|---|
| Black text on Light Green | 14.82:1 · AAA |
Use Light Green in code
.element {
color: lightgreen; /* or #90ee90 */
background-color: rgb(144 238 144 / 0.5);
}Frequently asked questions
What is the hex code for Light Green?
Light Green is #90EE90 in HEX, rgb(144, 238, 144) in RGB and hsl(120, 73%, 75%) in HSL.
Can I use "lightgreen" directly in CSS?
Yes. "lightgreen" is one of the 148 standard CSS named colors, so color: lightgreen; works in every browser.
Is Light Green readable on white?
The contrast ratio of Light Green on white is 1.42:1 (WCAG Fail). On black it is 14.82:1 (AAA).
What is the complementary color of Light Green?
The complementary color (opposite on the color wheel) is #EE91EE.
Similar colors
Pale Green#98FB98Dark Sea Green#8FBC8FMedium Aquamarine#66CDAAAquamarine#7FFFD4Dark Gray#A9A9A9Dark Grey#A9A9A9Dark Khaki#BDB76BSilver#C0C0C0
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.