#461900

CSS

:root {
  --old-study: #461900;
  --old-study-rgb: 70 25 0;
  --old-study-oklch: oklch(0.279 0.078 46.4);
}

.element {
  color: var(--old-study);
  background-color: hsl(21 100% 14%);
  border-color: oklch(0.279 0.078 46.4);
}

Tailwind CSS v4

@theme {
  --color-old-study: #461900;
  --color-old-study-50: #ffefe2;
  --color-old-study-100: #ffe1d2;
  --color-old-study-200: #f1cbb8;
  --color-old-study-300: #d9ac95;
  --color-old-study-400: #c69077;
  --color-old-study-500: #b17659;
  --color-old-study-600: #96644c;
  --color-old-study-700: #78503c;
  --color-old-study-800: #593a2c;
  --color-old-study-900: #3e271d;
  --color-old-study-950: #27150d;
}

SCSS

$old-study: #461900;
$old-study-rgb: 70, 25, 0;
$old-study-light: mix(#fff, $old-study, 20%);
$old-study-dark: mix(#000, $old-study, 20%);

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