#5A804D

CSS

:root {
  --kale: #5a804d;
  --kale-rgb: 90 128 77;
  --kale-oklch: oklch(0.558 0.087 138);
}

.element {
  color: var(--kale);
  background-color: hsl(105 25% 40%);
  border-color: oklch(0.558 0.087 138);
}

Tailwind CSS v4

@theme {
  --color-kale: #5a804d;
  --color-kale-50: #e9fce4;
  --color-kale-100: #d9f0d4;
  --color-kale-200: #c1debb;
  --color-kale-300: #a0c399;
  --color-kale-400: #85ab79;
  --color-kale-500: #69945a;
  --color-kale-600: #597d4d;
  --color-kale-700: #47643d;
  --color-kale-800: #34492a;
  --color-kale-900: #24331d;
  --color-kale-950: #131e0d;
}

SCSS

$kale: #5a804d;
$kale-rgb: 90, 128, 77;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);

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