Oxblood Red

CSS

:root {
  --oxblood-red: #71383f;
  --oxblood-red-rgb: 113 56 63;
  --oxblood-red-oklch: oklch(0.416 0.08 13.5);
}

.element {
  color: var(--oxblood-red);
  background-color: hsl(353 34% 33%);
  border-color: oklch(0.416 0.08 13.5);
}

Tailwind CSS v4

@theme {
  --color-oxblood-red: #71383f;
  --color-oxblood-red-50: #ffeced;
  --color-oxblood-red-100: #ffdedf;
  --color-oxblood-red-200: #f5c7c9;
  --color-oxblood-red-300: #dea7aa;
  --color-oxblood-red-400: #c98b90;
  --color-oxblood-red-500: #b56f76;
  --color-oxblood-red-600: #995f64;
  --color-oxblood-red-700: #7b4b50;
  --color-oxblood-red-800: #5b363b;
  --color-oxblood-red-900: #402529;
  --color-oxblood-red-950: #281416;
}

SCSS

$oxblood-red: #71383f;
$oxblood-red-rgb: 113, 56, 63;
$oxblood-red-light: mix(#fff, $oxblood-red, 20%);
$oxblood-red-dark: mix(#000, $oxblood-red, 20%);

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