#77517F

CSS

:root {
  --dr-who: #77517f;
  --dr-who-rgb: 119 81 127;
  --dr-who-oklch: oklch(0.494 0.084 320.5);
}

.element {
  color: var(--dr-who);
  background-color: hsl(290 22% 41%);
  border-color: oklch(0.494 0.084 320.5);
}

Tailwind CSS v4

@theme {
  --color-dr-who: #77517f;
  --color-dr-who-50: #ffeeff;
  --color-dr-who-100: #f6dff9;
  --color-dr-who-200: #e6c9ea;
  --color-dr-who-300: #cda9d1;
  --color-dr-who-400: #b58ebd;
  --color-dr-who-500: #9f73a9;
  --color-dr-who-600: #87628f;
  --color-dr-who-700: #6c4e72;
  --color-dr-who-800: #4f3955;
  --color-dr-who-900: #37273b;
  --color-dr-who-950: #221525;
}

SCSS

$dr-who: #77517f;
$dr-who-rgb: 119, 81, 127;
$dr-who-light: mix(#fff, $dr-who, 20%);
$dr-who-dark: mix(#000, $dr-who, 20%);

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