#D6403B

CSS

:root {
  --blood-of-my-enemies: #d6403b;
  --blood-of-my-enemies-rgb: 214 64 59;
  --blood-of-my-enemies-oklch: oklch(0.59 0.188 26.6);
}

.element {
  color: var(--blood-of-my-enemies);
  background-color: hsl(2 65% 54%);
  border-color: oklch(0.59 0.188 26.6);
}

Tailwind CSS v4

@theme {
  --color-blood-of-my-enemies: #d6403b;
  --color-blood-of-my-enemies-50: #ffe2d7;
  --color-blood-of-my-enemies-100: #ffd1c4;
  --color-blood-of-my-enemies-200: #ffb5a6;
  --color-blood-of-my-enemies-300: #ff8f7f;
  --color-blood-of-my-enemies-400: #fa6a60;
  --color-blood-of-my-enemies-500: #e83f3b;
  --color-blood-of-my-enemies-600: #c43733;
  --color-blood-of-my-enemies-700: #9e2c29;
  --color-blood-of-my-enemies-800: #761e1f;
  --color-blood-of-my-enemies-900: #531414;
  --color-blood-of-my-enemies-950: #370406;
}

SCSS

$blood-of-my-enemies: #d6403b;
$blood-of-my-enemies-rgb: 214, 64, 59;
$blood-of-my-enemies-light: mix(#fff, $blood-of-my-enemies, 20%);
$blood-of-my-enemies-dark: mix(#000, $blood-of-my-enemies, 20%);

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