#5D0B00

CSS

:root {
  --blood-of-zeus: #5d0b00;
  --blood-of-zeus-rgb: 93 11 0;
  --blood-of-zeus-oklch: oklch(0.309 0.116 32.4);
}

.element {
  color: var(--blood-of-zeus);
  background-color: hsl(7 100% 18%);
  border-color: oklch(0.309 0.116 32.4);
}

Tailwind CSS v4

@theme {
  --color-blood-of-zeus: #5d0b00;
  --color-blood-of-zeus-50: #ffeadf;
  --color-blood-of-zeus-100: #ffdbcf;
  --color-blood-of-zeus-200: #ffc3b4;
  --color-blood-of-zeus-300: #eca290;
  --color-blood-of-zeus-400: #da8472;
  --color-blood-of-zeus-500: #c76653;
  --color-blood-of-zeus-600: #a85747;
  --color-blood-of-zeus-700: #874538;
  --color-blood-of-zeus-800: #643129;
  --color-blood-of-zeus-900: #47221c;
  --color-blood-of-zeus-950: #2e110c;
}

SCSS

$blood-of-zeus: #5d0b00;
$blood-of-zeus-rgb: 93, 11, 0;
$blood-of-zeus-light: mix(#fff, $blood-of-zeus, 20%);
$blood-of-zeus-dark: mix(#000, $blood-of-zeus, 20%);

.element {
  color: $blood-of-zeus;
  box-shadow: 0 0 0 2px rgba($blood-of-zeus, 0.35);
}