#B80043

CSS

:root {
  --fancy-red-wine: #b80043;
  --fancy-red-wine-rgb: 184 0 67;
  --fancy-red-wine-oklch: oklch(0.499 0.199 12.3);
}

.element {
  color: var(--fancy-red-wine);
  background-color: hsl(338 100% 36%);
  border-color: oklch(0.499 0.199 12.3);
}

Tailwind CSS v4

@theme {
  --color-fancy-red-wine: #b80043;
  --color-fancy-red-wine-50: #ffdee4;
  --color-fancy-red-wine-100: #ffcdd3;
  --color-fancy-red-wine-200: #ffb0ba;
  --color-fancy-red-wine-300: #ff8898;
  --color-fancy-red-wine-400: #fc617e;
  --color-fancy-red-wine-500: #eb3161;
  --color-fancy-red-wine-600: #c72c53;
  --color-fancy-red-wine-700: #a02442;
  --color-fancy-red-wine-800: #771832;
  --color-fancy-red-wine-900: #541022;
  --color-fancy-red-wine-950: #380111;
}

SCSS

$fancy-red-wine: #b80043;
$fancy-red-wine-rgb: 184, 0, 67;
$fancy-red-wine-light: mix(#fff, $fancy-red-wine, 20%);
$fancy-red-wine-dark: mix(#000, $fancy-red-wine, 20%);

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