#C7002A

CSS

:root {
  --racing-red: #c7002a;
  --racing-red-rgb: 199 0 42;
  --racing-red-oklch: oklch(0.524 0.211 22.5);
}

.element {
  color: var(--racing-red);
  background-color: hsl(347 100% 39%);
  border-color: oklch(0.524 0.211 22.5);
}

Tailwind CSS v4

@theme {
  --color-racing-red: #c7002a;
  --color-racing-red-50: #ffded7;
  --color-racing-red-100: #ffccc5;
  --color-racing-red-200: #ffafa7;
  --color-racing-red-300: #ff8780;
  --color-racing-red-400: #ff5e62;
  --color-racing-red-500: #f2263f;
  --color-racing-red-600: #cd2536;
  --color-racing-red-700: #a51e2b;
  --color-racing-red-800: #7b1321;
  --color-racing-red-900: #570c16;
  --color-racing-red-950: #3a0007;
}

SCSS

$racing-red: #c7002a;
$racing-red-rgb: 199, 0, 42;
$racing-red-light: mix(#fff, $racing-red, 20%);
$racing-red-dark: mix(#000, $racing-red, 20%);

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