greenneutralCSS named color

Lightgreen #90EE90

Lightgreen is a light, highly saturated gray color with a neutral cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Success states · Nature brands

Open in generator →Colors that go with lightgreen →

Families: Greens

Color values

FormatValue
HEX#90EE90
RGBrgb(144, 238, 144)
HSLhsl(120, 73%, 75%)
HSVhsv(120, 39%, 93%)
OKLCHoklch(86.8% 0.156 144.1)
OKLaboklab(86.8% -0.1262 0.0914)
CMYKcmyk(39.5%, 0%, 39.5%, 6.7%)
XYZxyz(47.108, 69.0892, 37.2335)
CIE-LABlab(86.5, -46.3, 36.9)
CIE-LCHlch(86.5, 59.3, 141.4°)
Luminance0.691 (WCAG relative)
/* Lightgreen */ --lightgreen: #90ee90; color: #90ee90; background-color: #90ee90;

Source: W3C CSS named color. CSS keyword: lightgreen.

Collections: Pastel Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#81d381 #72b972 #64a063 #558855 #487047 #3a5939 #2d432c #202e20 #141a14 #000000

Tints (toward white)

#9df09b #a9f2a6 #b4f4b1 #c0f6bc #cbf7c7 #d5f9d2 #e0fbde #ebfce9 #f5fef4 #ffffff

Tones (toward gray)

#99ec98 #a1ea9f #a9e8a6 #b1e6ae #b8e4b5 #bfe2bc #c6e0c3 #ccddca #d2dbd1 #d9d9d9

Color harmonies

Complementary

Edit in generator →
#90EE90
#EE90EE
#90ee90 #ee90ee

Analogous

Edit in generator →
#BFEE90
#90EE90
#90EEBF
#bfee90 #90ee90 #90eebf

Triadic

Edit in generator →
#90EE90
#9090EE
#EE9090
#90ee90 #9090ee #ee9090

Tetradic

Edit in generator →
#90EE90
#90BFEE
#EE90EE
#EEBF90
#90ee90 #90bfee #ee90ee #eebf90

Square

Edit in generator →
#90EE90
#90BFEE
#EE90EE
#EEBF90
#90ee90 #90bfee #ee90ee #eebf90

Split Complementary

Edit in generator →
#90EE90
#BF90EE
#EE90BF
#90ee90 #bf90ee #ee90bf

Monochromatic

Edit in generator →
#26DE26
#5BE65B
#90EE90
#C5F6C5
#E4FBE4
#26de26 #5be65b #90ee90 #c5f6c5 #e4fbe4

Accessibility & contrast

1.42
#90EE90 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
14.82
#90EE90 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightgreen

14.82
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#F2DE89
Deuteranopia (green-blind)
#E4D596
Tritanopia (blue-blind)
#85E9D7

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Palegreen #98FB982.75
Mint Green #8FFF9F3.73
Baby Green #8CFF9E3.79
Foam Green #90FDA94.21
Pastel Green #B0FF9D4.65
Light Green #96F97B4.92

Colors that go with lightgreen

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Darkgreen #006400
5.3:1
Same hue family as lightgreen (Δh 0°) — guaranteed harmony
Olive #808000
3.0:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Maroon #800000
7.7:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
5.9:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Purple #800080
6.7:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.