Red Dead Redemption

CSS

:root {
  --red-dead-redemption: #bb012d;
  --red-dead-redemption-rgb: 187 1 45;
  --red-dead-redemption-oklch: oklch(0.501 0.201 20.7);
}

.element {
  color: var(--red-dead-redemption);
  background-color: hsl(346 99% 37%);
  border-color: oklch(0.501 0.201 20.7);
}

Tailwind CSS v4

@theme {
  --color-red-dead-redemption: #bb012d;
  --color-red-dead-redemption-50: #ffdfdb;
  --color-red-dead-redemption-100: #ffcec9;
  --color-red-dead-redemption-200: #ffb1ac;
  --color-red-dead-redemption-300: #ff8987;
  --color-red-dead-redemption-400: #ff626a;
  --color-red-dead-redemption-500: #ee3149;
  --color-red-dead-redemption-600: #c92d3e;
  --color-red-dead-redemption-700: #a22431;
  --color-red-dead-redemption-800: #791726;
  --color-red-dead-redemption-900: #551019;
  --color-red-dead-redemption-950: #39010a;
}

SCSS

$red-dead-redemption: #bb012d;
$red-dead-redemption-rgb: 187, 1, 45;
$red-dead-redemption-light: mix(#fff, $red-dead-redemption, 20%);
$red-dead-redemption-dark: mix(#000, $red-dead-redemption, 20%);

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