#7A9859

CSS

:root {
  --bavarian-green: #7a9859;
  --bavarian-green-rgb: 122 152 89;
  --bavarian-green-oklch: oklch(0.641 0.094 129.5);
}

.element {
  color: var(--bavarian-green);
  background-color: hsl(89 26% 47%);
  border-color: oklch(0.641 0.094 129.5);
}

Tailwind CSS v4

@theme {
  --color-bavarian-green: #7a9859;
  --color-bavarian-green-50: #ecfbe0;
  --color-bavarian-green-100: #ddefcf;
  --color-bavarian-green-200: #c6ddb4;
  --color-bavarian-green-300: #a6c290;
  --color-bavarian-green-400: #8daa6d;
  --color-bavarian-green-500: #72924d;
  --color-bavarian-green-600: #617c42;
  --color-bavarian-green-700: #4d6334;
  --color-bavarian-green-800: #394823;
  --color-bavarian-green-900: #273217;
  --color-bavarian-green-950: #151e08;
}

SCSS

$bavarian-green: #7a9859;
$bavarian-green-rgb: 122, 152, 89;
$bavarian-green-light: mix(#fff, $bavarian-green, 20%);
$bavarian-green-dark: mix(#000, $bavarian-green, 20%);

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