#1F0723

CSS

:root {
  --black-sabbath: #1f0723;
  --black-sabbath-rgb: 31 7 35;
  --black-sabbath-oklch: oklch(0.186 0.062 321.8);
}

.element {
  color: var(--black-sabbath);
  background-color: hsl(291 67% 8%);
  border-color: oklch(0.186 0.062 321.8);
}

Tailwind CSS v4

@theme {
  --color-black-sabbath: #1f0723;
  --color-black-sabbath-50: #feefff;
  --color-black-sabbath-100: #f3e1f4;
  --color-black-sabbath-200: #e2cce4;
  --color-black-sabbath-300: #c8adca;
  --color-black-sabbath-400: #b093b5;
  --color-black-sabbath-500: #9a799f;
  --color-black-sabbath-600: #826686;
  --color-black-sabbath-700: #68526c;
  --color-black-sabbath-800: #4c3b50;
  --color-black-sabbath-900: #352938;
  --color-black-sabbath-950: #201722;
}

SCSS

$black-sabbath: #1f0723;
$black-sabbath-rgb: 31, 7, 35;
$black-sabbath-light: mix(#fff, $black-sabbath, 20%);
$black-sabbath-dark: mix(#000, $black-sabbath, 20%);

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