#2B042C

CSS

:root {
  --black-sabbath: #2b042c;
  --black-sabbath-rgb: 43 4 44;
  --black-sabbath-oklch: oklch(0.21 0.086 327);
}

.element {
  color: var(--black-sabbath);
  background-color: hsl(299 83% 9%);
  border-color: oklch(0.21 0.086 327);
}

Tailwind CSS v4

@theme {
  --color-black-sabbath: #2b042c;
  --color-black-sabbath-50: #ffedff;
  --color-black-sabbath-100: #f9def6;
  --color-black-sabbath-200: #eac8e7;
  --color-black-sabbath-300: #d1a8cd;
  --color-black-sabbath-400: #ba8db9;
  --color-black-sabbath-500: #a472a4;
  --color-black-sabbath-600: #8b608a;
  --color-black-sabbath-700: #6f4d6f;
  --color-black-sabbath-800: #513853;
  --color-black-sabbath-900: #39263a;
  --color-black-sabbath-950: #231424;
}

SCSS

$black-sabbath: #2b042c;
$black-sabbath-rgb: 43, 4, 44;
$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);
}