Lime Rasp

CSS

:root {
  --lime-rasp: #b5ce08;
  --lime-rasp-rgb: 181 206 8;
  --lime-rasp-oklch: oklch(0.804 0.186 118.2);
}

.element {
  color: var(--lime-rasp);
  background-color: hsl(68 93% 42%);
  border-color: oklch(0.804 0.186 118.2);
}

Tailwind CSS v4

@theme {
  --color-lime-rasp: #b5ce08;
  --color-lime-rasp-50: #eefec2;
  --color-lime-rasp-100: #dff2ab;
  --color-lime-rasp-200: #cae083;
  --color-lime-rasp-300: #abc54c;
  --color-lime-rasp-400: #95ac00;
  --color-lime-rasp-500: #7d9300;
  --color-lime-rasp-600: #6a7d00;
  --color-lime-rasp-700: #546400;
  --color-lime-rasp-800: #404900;
  --color-lime-rasp-900: #2c3200;
  --color-lime-rasp-950: #191e00;
}

SCSS

$lime-rasp: #b5ce08;
$lime-rasp-rgb: 181, 206, 8;
$lime-rasp-light: mix(#fff, $lime-rasp, 20%);
$lime-rasp-dark: mix(#000, $lime-rasp, 20%);

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