Lightgreen

lightgreen is a CSS color keyword. The closest Tailwind step is green-300 (#86efac).

#90ee90rgb(144, 238, 144)
Hex
#90ee90
RGB
144, 238, 144
HSL
120°, 73%, 75%
OKLCH
86.8% 0.156 144.1
LAB
86.5 -46.3 36.9

Open #90ee90 in the explorer

Text contrast

Black or white text on #90ee90. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text14.8:1 AAAAPCA Lc 85
White text1.4:1 FailAPCA Lc -22

Color vision

How #90ee90 looks in simulations of color blindness, at full severity.

Full color
#90ee90
Protanopia
#f2de89
Deuteranopia
#e4d596
Tritanopia
#85e9d7

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lightgreen.

50100200300400500600700800900950

Copy into CSS

color: lightgreen;
background: #90ee90;
@theme {
  --color-lightgreen-50: #e1ffe0;
  --color-lightgreen-100: #b1ffb0;
  --color-lightgreen-200: #8deb8d;
  --color-lightgreen-300: #70cd71;
  --color-lightgreen-400: #53b056;
  --color-lightgreen-500: #319137;
  --color-lightgreen-600: #067518;
  --color-lightgreen-700: #005b0e;
  --color-lightgreen-800: #004208;
  --color-lightgreen-900: #002b03;
  --color-lightgreen-950: #001301;
}