Green

green is a CSS color keyword. The closest Tailwind step is green-600 (#16a34a).

#008000rgb(0, 128, 0)
Hex
#008000
RGB
0, 128, 0
HSL
120°, 100%, 25%
OKLCH
52.0% 0.177 142.5
LAB
46.2 -51.7 49.9

Open #008000 in the explorer

Text contrast

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

Black text4.1:1 FailAPCA Lc 32
White text5.1:1 AAAPCA Lc -77

Color vision

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

Full color
#008000
Protanopia
#837200
Deuteranopia
#776a18
Tritanopia
#007c6c

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: green;
background: #008000;
@theme {
  --color-green-50: #e1ffde;
  --color-green-100: #b3ffac;
  --color-green-200: #86ee7f;
  --color-green-300: #69d062;
  --color-green-400: #4bb245;
  --color-green-500: #259322;
  --color-green-600: #007600;
  --color-green-700: #005c00;
  --color-green-800: #004200;
  --color-green-900: #002b00;
  --color-green-950: #001300;
}