#73CF7B

CSS

:root {
  --electric-lettuce: #73cf7b;
  --electric-lettuce-rgb: 115 207 123;
  --electric-lettuce-oklch: oklch(0.777 0.147 145.9);
}

.element {
  color: var(--electric-lettuce);
  background-color: hsl(125 49% 63%);
  border-color: oklch(0.777 0.147 145.9);
}

Tailwind CSS v4

@theme {
  --color-electric-lettuce: #73cf7b;
  --color-electric-lettuce-50: #daffde;
  --color-electric-lettuce-100: #c8f6cd;
  --color-electric-lettuce-200: #a9e6b1;
  --color-electric-lettuce-300: #81cc8c;
  --color-electric-lettuce-400: #5fb567;
  --color-electric-lettuce-500: #339f44;
  --color-electric-lettuce-600: #2e863a;
  --color-electric-lettuce-700: #246c2e;
  --color-electric-lettuce-800: #1c4f1e;
  --color-electric-lettuce-900: #133713;
  --color-electric-lettuce-950: #042205;
}

SCSS

$electric-lettuce: #73cf7b;
$electric-lettuce-rgb: 115, 207, 123;
$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);
}