#7F782A

CSS

:root {
  --green-commando: #7f782a;
  --green-commando-rgb: 127 120 42;
  --green-commando-oklch: oklch(0.563 0.099 104.2);
}

.element {
  color: var(--green-commando);
  background-color: hsl(55 50% 33%);
  border-color: oklch(0.563 0.099 104.2);
}

Tailwind CSS v4

@theme {
  --color-green-commando: #7f782a;
  --color-green-commando-50: #f8f8d7;
  --color-green-commando-100: #ecebc5;
  --color-green-commando-200: #d9d8a7;
  --color-green-commando-300: #bdbb7f;
  --color-green-commando-400: #a8a25a;
  --color-green-commando-500: #918931;
  --color-green-commando-600: #7b742b;
  --color-green-commando-700: #625d22;
  --color-green-commando-800: #494316;
  --color-green-commando-900: #332f0e;
  --color-green-commando-950: #1e1b02;
}

SCSS

$green-commando: #7f782a;
$green-commando-rgb: 127, 120, 42;
$green-commando-light: mix(#fff, $green-commando, 20%);
$green-commando-dark: mix(#000, $green-commando, 20%);

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