#AE9E00

CSS

:root {
  --lucky: #ae9e00;
  --lucky-rgb: 174 158 0;
  --lucky-oklch: oklch(0.692 0.145 102.2);
}

.element {
  color: var(--lucky);
  background-color: hsl(54 100% 34%);
  border-color: oklch(0.692 0.145 102.2);
}

Tailwind CSS v4

@theme {
  --color-lucky: #ae9e00;
  --color-lucky-50: #fbf8c8;
  --color-lucky-100: #efebb3;
  --color-lucky-200: #ded88e;
  --color-lucky-300: #c3bb5e;
  --color-lucky-400: #b0a121;
  --color-lucky-500: #9a8800;
  --color-lucky-600: #827300;
  --color-lucky-700: #685c00;
  --color-lucky-800: #4e4200;
  --color-lucky-900: #362e00;
  --color-lucky-950: #211a00;
}

SCSS

$lucky: #ae9e00;
$lucky-rgb: 174, 158, 0;
$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);
}