#6DCE6D

CSS

:root {
  --emerald-rain: #6dce6d;
  --emerald-rain-rgb: 109 206 109;
  --emerald-rain-oklch: oklch(0.769 0.162 143.8);
}

.element {
  color: var(--emerald-rain);
  background-color: hsl(120 50% 62%);
  border-color: oklch(0.769 0.162 143.8);
}

Tailwind CSS v4

@theme {
  --color-emerald-rain: #6dce6d;
  --color-emerald-rain-50: #d8ffda;
  --color-emerald-rain-100: #c6f7c8;
  --color-emerald-rain-200: #a7e7aa;
  --color-emerald-rain-300: #7ecd84;
  --color-emerald-rain-400: #5bb65c;
  --color-emerald-rain-500: #2da034;
  --color-emerald-rain-600: #29872d;
  --color-emerald-rain-700: #216c24;
  --color-emerald-rain-800: #1a4f15;
  --color-emerald-rain-900: #11370d;
  --color-emerald-rain-950: #032202;
}

SCSS

$emerald-rain: #6dce6d;
$emerald-rain-rgb: 109, 206, 109;
$emerald-rain-light: mix(#fff, $emerald-rain, 20%);
$emerald-rain-dark: mix(#000, $emerald-rain, 20%);

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