#3A6E38

CSS

:root {
  --under-the-radar: #3a6e38;
  --under-the-radar-rgb: 58 110 56;
  --under-the-radar-oklch: oklch(0.488 0.1 143.1);
}

.element {
  color: var(--under-the-radar);
  background-color: hsl(118 33% 33%);
  border-color: oklch(0.488 0.1 143.1);
}

Tailwind CSS v4

@theme {
  --color-under-the-radar: #3a6e38;
  --color-under-the-radar-50: #e4fde4;
  --color-under-the-radar-100: #d4f1d4;
  --color-under-the-radar-200: #bae0ba;
  --color-under-the-radar-300: #97c698;
  --color-under-the-radar-400: #7bae77;
  --color-under-the-radar-500: #5c9759;
  --color-under-the-radar-600: #4e804c;
  --color-under-the-radar-700: #3e663c;
  --color-under-the-radar-800: #2e4b29;
  --color-under-the-radar-900: #1f341c;
  --color-under-the-radar-950: #0f1f0c;
}

SCSS

$under-the-radar: #3a6e38;
$under-the-radar-rgb: 58, 110, 56;
$under-the-radar-light: mix(#fff, $under-the-radar, 20%);
$under-the-radar-dark: mix(#000, $under-the-radar, 20%);

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