#5BAB6B

CSS

:root {
  --endo: #5bab6b;
  --endo-rgb: 91 171 107;
  --endo-oklch: oklch(0.674 0.123 148.7);
}

.element {
  color: var(--endo);
  background-color: hsl(132 32% 51%);
  border-color: oklch(0.674 0.123 148.7);
}

Tailwind CSS v4

@theme {
  --color-endo: #5bab6b;
  --color-endo-50: #ddffe3;
  --color-endo-100: #cbf4d3;
  --color-endo-200: #aee4ba;
  --color-endo-300: #88ca97;
  --color-endo-400: #67b275;
  --color-endo-500: #419c56;
  --color-endo-600: #38844a;
  --color-endo-700: #2d6a3b;
  --color-endo-800: #214e28;
  --color-endo-900: #16361b;
  --color-endo-950: #07210b;
}

SCSS

$endo: #5bab6b;
$endo-rgb: 91, 171, 107;
$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);
}