Fluorescent Green

CSS

:root {
  --fluorescent-green: #08ff08;
  --fluorescent-green-rgb: 8 255 8;
  --fluorescent-green-oklch: oklch(0.867 0.294 142.5);
}

.element {
  color: var(--fluorescent-green);
  background-color: hsl(120 100% 52%);
  border-color: oklch(0.867 0.294 142.5);
}

Tailwind CSS v4

@theme {
  --color-fluorescent-green: #08ff08;
  --color-fluorescent-green-50: #c0ffc0;
  --color-fluorescent-green-100: #a8ffa9;
  --color-fluorescent-green-200: #7af47f;
  --color-fluorescent-green-300: #2cdb44;
  --color-fluorescent-green-400: #00c400;
  --color-fluorescent-green-500: #00ae00;
  --color-fluorescent-green-600: #009300;
  --color-fluorescent-green-700: #007600;
  --color-fluorescent-green-800: #005700;
  --color-fluorescent-green-900: #003d00;
  --color-fluorescent-green-950: #002600;
}

SCSS

$fluorescent-green: #08ff08;
$fluorescent-green-rgb: 8, 255, 8;
$fluorescent-green-light: mix(#fff, $fluorescent-green, 20%);
$fluorescent-green-dark: mix(#000, $fluorescent-green, 20%);

.element {
  color: $fluorescent-green;
  box-shadow: 0 0 0 2px rgba($fluorescent-green, 0.35);
}