#BA242A

CSS

:root {
  --red-carpet: #ba242a;
  --red-carpet-rgb: 186 36 42;
  --red-carpet-oklch: oklch(0.514 0.185 25.1);
}

.element {
  color: var(--red-carpet);
  background-color: hsl(358 68% 44%);
  border-color: oklch(0.514 0.185 25.1);
}

Tailwind CSS v4

@theme {
  --color-red-carpet: #ba242a;
  --color-red-carpet-50: #ffe2d9;
  --color-red-carpet-100: #ffd1c7;
  --color-red-carpet-200: #ffb5a9;
  --color-red-carpet-300: #ff8f83;
  --color-red-carpet-400: #f86a64;
  --color-red-carpet-500: #e74042;
  --color-red-carpet-600: #c33838;
  --color-red-carpet-700: #9d2d2d;
  --color-red-carpet-800: #751f22;
  --color-red-carpet-900: #531416;
  --color-red-carpet-950: #370508;
}

SCSS

$red-carpet: #ba242a;
$red-carpet-rgb: 186, 36, 42;
$red-carpet-light: mix(#fff, $red-carpet, 20%);
$red-carpet-dark: mix(#000, $red-carpet, 20%);

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