Greenyellow

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

#adff2frgb(173, 255, 47)

Hex: #adff2f
RGB: 173, 255, 47
HSL: 84°, 100%, 59%
OKLCH: 91.3% 0.233 130.0
LAB: 92.0 -52.5 81.9

Open #adff2f in the explorer

Text contrast

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

Black text17.1:1 AAAAPCA Lc 93

White text1.2:1 FailAPCA Lc -12

Color vision

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

Full color
#adff2f

Protanopia
#ffec00

Deuteranopia
#ffe648

Tritanopia
#b2f4da

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: greenyellow;
background: #adff2f;

@theme {
  --color-greenyellow-50: #e6ffcf;
  --color-greenyellow-100: #c0ff79;
  --color-greenyellow-200: #9ded00;
  --color-greenyellow-300: #87cc00;
  --color-greenyellow-400: #71ad00;
  --color-greenyellow-500: #5a8b00;
  --color-greenyellow-600: #466e00;
  --color-greenyellow-700: #365500;
  --color-greenyellow-800: #253e00;
  --color-greenyellow-900: #162800;
  --color-greenyellow-950: #071100;
}