#1F0822

CSS

:root {
  --black-sabbath: #1f0822;
  --black-sabbath-rgb: 31 8 34;
  --black-sabbath-oklch: oklch(0.187 0.059 322.9);
}

.element {
  color: var(--black-sabbath);
  background-color: hsl(293 62% 8%);
  border-color: oklch(0.187 0.059 322.9);
}

Tailwind CSS v4

@theme {
  --color-black-sabbath: #1f0822;
  --color-black-sabbath-50: #fef0ff;
  --color-black-sabbath-100: #f2e2f3;
  --color-black-sabbath-200: #e2cce2;
  --color-black-sabbath-300: #c7aec8;
  --color-black-sabbath-400: #b093b3;
  --color-black-sabbath-500: #99799d;
  --color-black-sabbath-600: #826785;
  --color-black-sabbath-700: #68526a;
  --color-black-sabbath-800: #4c3c4f;
  --color-black-sabbath-900: #352937;
  --color-black-sabbath-950: #201722;
}

SCSS

$black-sabbath: #1f0822;
$black-sabbath-rgb: 31, 8, 34;
$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);
}