Lime

lime is a CSS color keyword. The closest Tailwind step is lime-400 (#a3e635).

#00ff00rgb(0, 255, 0)

Hex: #00ff00
RGB: 0, 255, 0
HSL: 120°, 100%, 50%
OKLCH: 86.6% 0.295 142.5
LAB: 87.7 -86.2 83.2

Open #00ff00 in the explorer

Text contrast

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

Black text15.3:1 AAAAPCA Lc 87

White text1.4:1 FailAPCA Lc -20

Color vision

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

Full color
#00ff00

Protanopia
#ffe500

Deuteranopia
#efd63a

Tritanopia
#00f7d9

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: lime;
background: #00ff00;

@theme {
  --color-lime-50: #e1ffde;
  --color-lime-100: #b3ffac;
  --color-lime-200: #00fd00;
  --color-lime-300: #00da00;
  --color-lime-400: #00b900;
  --color-lime-500: #009500;
  --color-lime-600: #007600;
  --color-lime-700: #005c00;
  --color-lime-800: #004200;
  --color-lime-900: #002b00;
  --color-lime-950: #001300;
}