Palegreen

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

#98fb98rgb(152, 251, 152)
Hex
#98fb98
RGB
152, 251, 152
HSL
120°, 93%, 79%
OKLCH
90.4% 0.162 144.1
LAB
90.7 -48.3 38.5

Open #98fb98 in the explorer

Text contrast

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

Black text16.6:1 AAAAPCA Lc 91
White text1.3:1 FailAPCA Lc -14

Color vision

How #98fb98 looks in simulations of color blindness, at full severity.

Full color
#98fb98
Protanopia
#ffea91
Deuteranopia
#f0e19e
Tritanopia
#8cf6e2

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: palegreen;
background: #98fb98;
@theme {
  --color-palegreen-50: #e1ffe0;
  --color-palegreen-100: #b1ffb0;
  --color-palegreen-200: #8aec8a;
  --color-palegreen-300: #6cce6e;
  --color-palegreen-400: #4fb152;
  --color-palegreen-500: #2b9232;
  --color-palegreen-600: #007615;
  --color-palegreen-700: #005b0e;
  --color-palegreen-800: #004207;
  --color-palegreen-900: #002b03;
  --color-palegreen-950: #001301;
}