#A49E3B

CSS

:root {
  --martian: #a49e3b;
  --martian-rgb: 164 158 59;
  --martian-oklch: oklch(0.685 0.12 105.8);
}

.element {
  color: var(--martian);
  background-color: hsl(57 47% 44%);
  border-color: oklch(0.685 0.12 105.8);
}

Tailwind CSS v4

@theme {
  --color-martian: #a49e3b;
  --color-martian-50: #f8f8d1;
  --color-martian-100: #ebecbe;
  --color-martian-200: #d9d99d;
  --color-martian-300: #bdbc72;
  --color-martian-400: #a8a347;
  --color-martian-500: #918a01;
  --color-martian-600: #7b750b;
  --color-martian-700: #625d0a;
  --color-martian-800: #4a4404;
  --color-martian-900: #332f03;
  --color-martian-950: #1f1b00;
}

SCSS

$martian: #a49e3b;
$martian-rgb: 164, 158, 59;
$martian-light: mix(#fff, $martian, 20%);
$martian-dark: mix(#000, $martian, 20%);

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