#AC9C17

CSS

:root {
  --lucky: #ac9c17;
  --lucky-rgb: 172 156 23;
  --lucky-oklch: oklch(0.686 0.138 101.7);
}

.element {
  color: var(--lucky);
  background-color: hsl(54 76% 38%);
  border-color: oklch(0.686 0.138 101.7);
}

Tailwind CSS v4

@theme {
  --color-lucky: #ac9c17;
  --color-lucky-50: #fbf8ca;
  --color-lucky-100: #efebb5;
  --color-lucky-200: #ded892;
  --color-lucky-300: #c3bb63;
  --color-lucky-400: #afa12d;
  --color-lucky-500: #9a8700;
  --color-lucky-600: #827300;
  --color-lucky-700: #685c00;
  --color-lucky-800: #4e4200;
  --color-lucky-900: #362e00;
  --color-lucky-950: #211a00;
}

SCSS

$lucky: #ac9c17;
$lucky-rgb: 172, 156, 23;
$lucky-light: mix(#fff, $lucky, 20%);
$lucky-dark: mix(#000, $lucky, 20%);

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