#5DAC61

CSS

:root {
  --endo: #5dac61;
  --endo-rgb: 93 172 97;
  --endo-oklch: oklch(0.675 0.133 145);
}

.element {
  color: var(--endo);
  background-color: hsl(123 32% 52%);
  border-color: oklch(0.675 0.133 145);
}

Tailwind CSS v4

@theme {
  --color-endo: #5dac61;
  --color-endo-50: #ddffdf;
  --color-endo-100: #cbf5ce;
  --color-endo-200: #afe4b3;
  --color-endo-300: #89ca8f;
  --color-endo-400: #68b36c;
  --color-endo-500: #439c4a;
  --color-endo-600: #3a843f;
  --color-endo-700: #2e6a32;
  --color-endo-800: #234e21;
  --color-endo-900: #173616;
  --color-endo-950: #082107;
}

SCSS

$endo: #5dac61;
$endo-rgb: 93, 172, 97;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);

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