#4F4100

CSS

:root {
  --alligator-gladiator: #4f4100;
  --alligator-gladiator-rgb: 79 65 0;
  --alligator-gladiator-oklch: oklch(0.379 0.078 95.1);
}

.element {
  color: var(--alligator-gladiator);
  background-color: hsl(49 100% 15%);
  border-color: oklch(0.379 0.078 95.1);
}

Tailwind CSS v4

@theme {
  --color-alligator-gladiator: #4f4100;
  --color-alligator-gladiator-50: #fbf6dd;
  --color-alligator-gladiator-100: #efe9cb;
  --color-alligator-gladiator-200: #ddd5af;
  --color-alligator-gladiator-300: #c2b88b;
  --color-alligator-gladiator-400: #ad9e69;
  --color-alligator-gladiator-500: #968647;
  --color-alligator-gladiator-600: #7f713d;
  --color-alligator-gladiator-700: #665b30;
  --color-alligator-gladiator-800: #4c4221;
  --color-alligator-gladiator-900: #342d16;
  --color-alligator-gladiator-950: #201a07;
}

SCSS

$alligator-gladiator: #4f4100;
$alligator-gladiator-rgb: 79, 65, 0;
$alligator-gladiator-light: mix(#fff, $alligator-gladiator, 20%);
$alligator-gladiator-dark: mix(#000, $alligator-gladiator, 20%);

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