Khorne Red

CSS

:root {
  --khorne-red: #6a0001;
  --khorne-red-rgb: 106 0 1;
  --khorne-red-oklch: oklch(0.329 0.135 28.9);
}

.element {
  color: var(--khorne-red);
  background-color: hsl(359 100% 21%);
  border-color: oklch(0.329 0.135 28.9);
}

Tailwind CSS v4

@theme {
  --color-khorne-red: #6a0001;
  --color-khorne-red-50: #ffe8de;
  --color-khorne-red-100: #ffd8cd;
  --color-khorne-red-200: #ffbfb1;
  --color-khorne-red-300: #f49d8d;
  --color-khorne-red-400: #e37d70;
  --color-khorne-red-500: #d05d50;
  --color-khorne-red-600: #b05044;
  --color-khorne-red-700: #8d4036;
  --color-khorne-red-800: #692d28;
  --color-khorne-red-900: #4a1e1b;
  --color-khorne-red-950: #300e0b;
}

SCSS

$khorne-red: #6a0001;
$khorne-red-rgb: 106, 0, 1;
$khorne-red-light: mix(#fff, $khorne-red, 20%);
$khorne-red-dark: mix(#000, $khorne-red, 20%);

.element {
  color: $khorne-red;
  box-shadow: 0 0 0 2px rgba($khorne-red, 0.35);
}