#459600

CSS

:root {
  --grass-is-greener: #459600;
  --grass-is-greener-rgb: 69 150 0;
  --grass-is-greener-oklch: oklch(0.598 0.18 136.5);
}

.element {
  color: var(--grass-is-greener);
  background-color: hsl(92 100% 29%);
  border-color: oklch(0.598 0.18 136.5);
}

Tailwind CSS v4

@theme {
  --color-grass-is-greener: #459600;
  --color-grass-is-greener-50: #dcffd1;
  --color-grass-is-greener-100: #caf7bd;
  --color-grass-is-greener-200: #ade79c;
  --color-grass-is-greener-300: #87cd71;
  --color-grass-is-greener-400: #68b540;
  --color-grass-is-greener-500: #439f00;
  --color-grass-is-greener-600: #3a8600;
  --color-grass-is-greener-700: #2e6c00;
  --color-grass-is-greener-800: #244f00;
  --color-grass-is-greener-900: #183700;
  --color-grass-is-greener-950: #092100;
}

SCSS

$grass-is-greener: #459600;
$grass-is-greener-rgb: 69, 150, 0;
$grass-is-greener-light: mix(#fff, $grass-is-greener, 20%);
$grass-is-greener-dark: mix(#000, $grass-is-greener, 20%);

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