Lawngreen

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

#7cfc00rgb(124, 252, 0)
Hex
#7cfc00
RGB
124, 252, 0
HSL
90°, 100%, 49%
OKLCH
88.2% 0.263 136.2
LAB
88.9 -67.9 85.0

Open #7cfc00 in the explorer

Text contrast

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

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

Color vision

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

Full color
#7cfc00
Protanopia
#ffe600
Deuteranopia
#f5db38
Tritanopia
#75f2d6

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: lawngreen;
background: #7cfc00;
@theme {
  --color-lawngreen-50: #e4ffd8;
  --color-lawngreen-100: #b9ff98;
  --color-lawngreen-200: #78f400;
  --color-lawngreen-300: #66d300;
  --color-lawngreen-400: #56b200;
  --color-lawngreen-500: #449000;
  --color-lawngreen-600: #347200;
  --color-lawngreen-700: #275800;
  --color-lawngreen-800: #1a4000;
  --color-lawngreen-900: #0e2900;
  --color-lawngreen-950: #041200;
}