#2A0625

CSS

:root {
  --black-sabbath: #2a0625;
  --black-sabbath-rgb: 42 6 37;
  --black-sabbath-oklch: oklch(0.206 0.074 334);
}

.element {
  color: var(--black-sabbath);
  background-color: hsl(308 75% 9%);
  border-color: oklch(0.206 0.074 334);
}

Tailwind CSS v4

@theme {
  --color-black-sabbath: #2a0625;
  --color-black-sabbath-50: #ffeefd;
  --color-black-sabbath-100: #f9dff1;
  --color-black-sabbath-200: #eac9e0;
  --color-black-sabbath-300: #d1a9c6;
  --color-black-sabbath-400: #ba8eb1;
  --color-black-sabbath-500: #a5739b;
  --color-black-sabbath-600: #8b6283;
  --color-black-sabbath-700: #704e69;
  --color-black-sabbath-800: #52394e;
  --color-black-sabbath-900: #392736;
  --color-black-sabbath-950: #231521;
}

SCSS

$black-sabbath: #2a0625;
$black-sabbath-rgb: 42, 6, 37;
$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);
}