#A9BC50

CSS

:root {
  --celery: #a9bc50;
  --celery-rgb: 169 188 80;
  --celery-oklch: oklch(0.759 0.135 118.1);
}

.element {
  color: var(--celery);
  background-color: hsl(71 45% 53%);
  border-color: oklch(0.759 0.135 118.1);
}

Tailwind CSS v4

@theme {
  --color-celery: #a9bc50;
  --color-celery-50: #f0fcd1;
  --color-celery-100: #e2efbd;
  --color-celery-200: #ccdd9c;
  --color-celery-300: #aec271;
  --color-celery-400: #97a943;
  --color-celery-500: #7f9100;
  --color-celery-600: #6b7b00;
  --color-celery-700: #566203;
  --color-celery-800: #404800;
  --color-celery-900: #2c3201;
  --color-celery-950: #191d00;
}

SCSS

$celery: #a9bc50;
$celery-rgb: 169, 188, 80;
$celery-light: mix(#fff, $celery, 20%);
$celery-dark: mix(#000, $celery, 20%);

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