#27032B

CSS

:root {
  --black-sabbath: #27032b;
  --black-sabbath-rgb: 39 3 43;
  --black-sabbath-oklch: oklch(0.2 0.085 323.7);
}

.element {
  color: var(--black-sabbath);
  background-color: hsl(294 87% 9%);
  border-color: oklch(0.2 0.085 323.7);
}

Tailwind CSS v4

@theme {
  --color-black-sabbath: #27032b;
  --color-black-sabbath-50: #ffedff;
  --color-black-sabbath-100: #f7dff8;
  --color-black-sabbath-200: #e8c8e8;
  --color-black-sabbath-300: #cfa9cf;
  --color-black-sabbath-400: #b88ebb;
  --color-black-sabbath-500: #a273a6;
  --color-black-sabbath-600: #89618c;
  --color-black-sabbath-700: #6e4e71;
  --color-black-sabbath-800: #503854;
  --color-black-sabbath-900: #38273b;
  --color-black-sabbath-950: #221525;
}

SCSS

$black-sabbath: #27032b;
$black-sabbath-rgb: 39, 3, 43;
$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);
}