#3BB113

CSS

:root {
  --botanical-garden: #3bb113;
  --botanical-garden-rgb: 59 177 19;
  --botanical-garden-oklch: oklch(0.668 0.209 140);
}

.element {
  color: var(--botanical-garden);
  background-color: hsl(105 81% 38%);
  border-color: oklch(0.668 0.209 140);
}

Tailwind CSS v4

@theme {
  --color-botanical-garden: #3bb113;
  --color-botanical-garden-50: #d4ffce;
  --color-botanical-garden-100: #c0fab9;
  --color-botanical-garden-200: #9feb97;
  --color-botanical-garden-300: #73d16a;
  --color-botanical-garden-400: #4eba32;
  --color-botanical-garden-500: #02a400;
  --color-botanical-garden-600: #0e8a00;
  --color-botanical-garden-700: #0d6f00;
  --color-botanical-garden-800: #115100;
  --color-botanical-garden-900: #0b3900;
  --color-botanical-garden-950: #002300;
}

SCSS

$botanical-garden: #3bb113;
$botanical-garden-rgb: 59, 177, 19;
$botanical-garden-light: mix(#fff, $botanical-garden, 20%);
$botanical-garden-dark: mix(#000, $botanical-garden, 20%);

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