CSS named color
LightGreen
#90EE90
HEX
#90ee90RGB
rgb(144, 238, 144)HSL
hsl(120, 73%, 75%)OKLCH
oklch(86.80% 0.1558 144.09)NAME
lightgreenPalette
Complementary
180° on the color wheelComplement
#EE91EE
Analogous
±30° around the base hueLeft
#BFEE91
Right
#91EEBF
Triadic
±120° for harmonic contrastTriad 1
#9191EE
Triad 2
#EE9191
Shades
Lighter and darker variantsCSS usage
By name
color: lightgreen;
background-color: lightgreen;By HEX
color: #90ee90;
background-color: #90ee90;By RGB
color: rgb(144, 238, 144);
background-color: rgb(144, 238, 144);By HSL
color: hsl(120, 73%, 75%);
background-color: hsl(120, 73%, 75%);WCAG contrast vs white
Aa
1.42:1
Below minimum
WCAG contrast vs black
Aa
14.82:1
AAA
Related colors
FAQ — LightGreen
What is the HEX code for LightGreen?
The HEX code for LightGreen is #90EE90. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightgreen; or color: #90ee90;
What is LightGreen in RGB?
LightGreen in RGB is rgb(144, 238, 144) — red 144, green 238, blue 144.
What is LightGreen in HSL?
LightGreen in HSL is hsl(120, 73%, 75%) — hue 120°, saturation 73%, lightness 75%.
What is the complementary color of LightGreen?
The complementary color (directly opposite LightGreen on the color wheel) is #EE91EE. The two together produce maximum contrast.
Is white text readable on LightGreen?
The WCAG contrast ratio against white (#FFFFFF) is 1.42:1, and against black (#000000) it's 14.82:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.