#7FB34C

CSS

:root {
  --ultra-green: #7fb34c;
  --ultra-green-rgb: 127 179 76;
  --ultra-green-oklch: oklch(0.708 0.145 131.6);
}

.element {
  color: var(--ultra-green);
  background-color: hsl(90 40% 50%);
  border-color: oklch(0.708 0.145 131.6);
}

Tailwind CSS v4

@theme {
  --color-ultra-green: #7fb34c;
  --color-ultra-green-50: #e5ffd5;
  --color-ultra-green-100: #d5f3c2;
  --color-ultra-green-200: #bbe2a3;
  --color-ultra-green-300: #99c87a;
  --color-ultra-green-400: #7eb04f;
  --color-ultra-green-500: #61991c;
  --color-ultra-green-600: #53811c;
  --color-ultra-green-700: #426716;
  --color-ultra-green-800: #324c0a;
  --color-ultra-green-900: #223506;
  --color-ultra-green-950: #112000;
}

SCSS

$ultra-green: #7fb34c;
$ultra-green-rgb: 127, 179, 76;
$ultra-green-light: mix(#fff, $ultra-green, 20%);
$ultra-green-dark: mix(#000, $ultra-green, 20%);

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