Chartreuse

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

#7fff00rgb(127, 255, 0)

Hex: #7fff00
RGB: 127, 255, 0
HSL: 90°, 100%, 50%
OKLCH: 89.0% 0.265 136.0
LAB: 89.9 -68.1 85.8

Open #7fff00 in the explorer

Text contrast

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

Black text16.2:1 AAAAPCA Lc 90

White text1.3:1 FailAPCA Lc -16

Color vision

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

Full color
#7fff00

Protanopia
#ffe800

Deuteranopia
#f8de39

Tritanopia
#79f5d9

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: chartreuse;
background: #7fff00;

@theme {
  --color-chartreuse-50: #e4ffd8;
  --color-chartreuse-100: #b9ff97;
  --color-chartreuse-200: #79f400;
  --color-chartreuse-300: #68d200;
  --color-chartreuse-400: #57b200;
  --color-chartreuse-500: #448f00;
  --color-chartreuse-600: #357200;
  --color-chartreuse-700: #275800;
  --color-chartreuse-800: #1b4000;
  --color-chartreuse-900: #0f2900;
  --color-chartreuse-950: #041200;
}