#7ED28C

CSS

:root {
  --electric-lettuce: #7ed28c;
  --electric-lettuce-rgb: 126 210 140;
  --electric-lettuce-oklch: oklch(0.792 0.129 148.3);
}

.element {
  color: var(--electric-lettuce);
  background-color: hsl(130 48% 66%);
  border-color: oklch(0.792 0.129 148.3);
}

Tailwind CSS v4

@theme {
  --color-electric-lettuce: #7ed28c;
  --color-electric-lettuce-50: #dcffe2;
  --color-electric-lettuce-100: #caf5d2;
  --color-electric-lettuce-200: #ade4b8;
  --color-electric-lettuce-300: #86ca95;
  --color-electric-lettuce-400: #65b373;
  --color-electric-lettuce-500: #3d9d53;
  --color-electric-lettuce-600: #358447;
  --color-electric-lettuce-700: #2a6a38;
  --color-electric-lettuce-800: #204e26;
  --color-electric-lettuce-900: #153619;
  --color-electric-lettuce-950: #06210a;
}

SCSS

$electric-lettuce: #7ed28c;
$electric-lettuce-rgb: 126, 210, 140;
$electric-lettuce-light: mix(#fff, $electric-lettuce, 20%);
$electric-lettuce-dark: mix(#000, $electric-lettuce, 20%);

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