#63004B

CSS

:root {
  --velvet: #63004b;
  --velvet-rgb: 99 0 75;
  --velvet-oklch: oklch(0.336 0.145 342);
}

.element {
  color: var(--velvet);
  background-color: hsl(315 100% 19%);
  border-color: oklch(0.336 0.145 342);
}

Tailwind CSS v4

@theme {
  --color-velvet: #63004b;
  --color-velvet-50: #ffe5ff;
  --color-velvet-100: #ffd5f4;
  --color-velvet-200: #ffbce4;
  --color-velvet-300: #ec99ca;
  --color-velvet-400: #d77ab6;
  --color-velvet-500: #c45aa1;
  --color-velvet-600: #a54d88;
  --color-velvet-700: #853d6d;
  --color-velvet-800: #622c52;
  --color-velvet-900: #451d39;
  --color-velvet-950: #2c0d23;
}

SCSS

$velvet: #63004b;
$velvet-rgb: 99, 0, 75;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);

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