#5AAB6F

CSS

:root {
  --endo: #5aab6f;
  --endo-rgb: 90 171 111;
  --endo-oklch: oklch(0.674 0.119 150.5);
}

.element {
  color: var(--endo);
  background-color: hsl(136 33% 51%);
  border-color: oklch(0.674 0.119 150.5);
}

Tailwind CSS v4

@theme {
  --color-endo: #5aab6f;
  --color-endo-50: #ddffe5;
  --color-endo-100: #cbf4d5;
  --color-endo-200: #aee4bc;
  --color-endo-300: #87c99a;
  --color-endo-400: #66b279;
  --color-endo-500: #3f9c5b;
  --color-endo-600: #37844d;
  --color-endo-700: #2c6a3d;
  --color-endo-800: #214d2a;
  --color-endo-900: #16361c;
  --color-endo-950: #06210c;
}

SCSS

$endo: #5aab6f;
$endo-rgb: 90, 171, 111;
$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);
}