#DD3635

CSS

:root {
  --blood-of-my-enemies: #dd3635;
  --blood-of-my-enemies-rgb: 221 54 53;
  --blood-of-my-enemies-oklch: oklch(0.592 0.204 26.3);
}

.element {
  color: var(--blood-of-my-enemies);
  background-color: hsl(0 71% 54%);
  border-color: oklch(0.592 0.204 26.3);
}

Tailwind CSS v4

@theme {
  --color-blood-of-my-enemies: #dd3635;
  --color-blood-of-my-enemies-50: #ffe0d5;
  --color-blood-of-my-enemies-100: #ffcec2;
  --color-blood-of-my-enemies-200: #ffb2a3;
  --color-blood-of-my-enemies-300: #ff8a7a;
  --color-blood-of-my-enemies-400: #ff635a;
  --color-blood-of-my-enemies-500: #ef3133;
  --color-blood-of-my-enemies-600: #ca2d2d;
  --color-blood-of-my-enemies-700: #a32424;
  --color-blood-of-my-enemies-800: #7a171c;
  --color-blood-of-my-enemies-900: #561012;
  --color-blood-of-my-enemies-950: #390105;
}

SCSS

$blood-of-my-enemies: #dd3635;
$blood-of-my-enemies-rgb: 221, 54, 53;
$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);
}