Springgreen

springgreen is a CSS color keyword. The closest Tailwind step is green-400 (#4ade80).

#00ff7frgb(0, 255, 127)
Hex
#00ff7f
RGB
0, 255, 127
HSL
150°, 100%, 50%
OKLCH
87.5% 0.235 151.0
LAB
88.5 -76.9 47.0

Open #00ff7f in the explorer

Text contrast

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

Black text15.6:1 AAAAPCA Lc 88
White text1.3:1 FailAPCA Lc -18

Color vision

How #00ff7f looks in simulations of color blindness, at full severity.

Full color
#00ff7f
Protanopia
#ffe874
Deuteranopia
#e9d789
Tritanopia
#00fbe1

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: springgreen;
background: #00ff7f;
@theme {
  --color-springgreen-50: #dfffe5;
  --color-springgreen-100: #abffbf;
  --color-springgreen-200: #00f97c;
  --color-springgreen-300: #00d76a;
  --color-springgreen-400: #00b659;
  --color-springgreen-500: #009346;
  --color-springgreen-600: #007436;
  --color-springgreen-700: #005a29;
  --color-springgreen-800: #00421c;
  --color-springgreen-900: #002a0f;
  --color-springgreen-950: #001204;
}