#592151

CSS

:root {
  --purple-velour: #592151;
  --purple-velour-rgb: 89 33 81;
  --purple-velour-oklch: oklch(0.35 0.105 333.5);
}

.element {
  color: var(--purple-velour);
  background-color: hsl(309 46% 24%);
  border-color: oklch(0.35 0.105 333.5);
}

Tailwind CSS v4

@theme {
  --color-purple-velour: #592151;
  --color-purple-velour-50: #ffeaff;
  --color-purple-velour-100: #ffdbf6;
  --color-purple-velour-200: #f2c4e6;
  --color-purple-velour-300: #daa3cc;
  --color-purple-velour-400: #c487b9;
  --color-purple-velour-500: #af6aa3;
  --color-purple-velour-600: #945a8a;
  --color-purple-velour-700: #77486f;
  --color-purple-velour-800: #573453;
  --color-purple-velour-900: #3d243a;
  --color-purple-velour-950: #261224;
}

SCSS

$purple-velour: #592151;
$purple-velour-rgb: 89, 33, 81;
$purple-velour-light: mix(#fff, $purple-velour, 20%);
$purple-velour-dark: mix(#000, $purple-velour, 20%);

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