#AC9C26

CSS

:root {
  --lucky: #ac9c26;
  --lucky-rgb: 172 156 38;
  --lucky-oklch: oklch(0.687 0.132 101.2);
}

.element {
  color: var(--lucky);
  background-color: hsl(53 64% 41%);
  border-color: oklch(0.687 0.132 101.2);
}

Tailwind CSS v4

@theme {
  --color-lucky: #ac9c26;
  --color-lucky-50: #fbf8cc;
  --color-lucky-100: #efebb8;
  --color-lucky-200: #ded795;
  --color-lucky-300: #c3bb68;
  --color-lucky-400: #afa036;
  --color-lucky-500: #998700;
  --color-lucky-600: #827300;
  --color-lucky-700: #685c00;
  --color-lucky-800: #4e4200;
  --color-lucky-900: #362e00;
  --color-lucky-950: #211a00;
}

SCSS

$lucky: #ac9c26;
$lucky-rgb: 172, 156, 38;
$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);
}