#B585E9

CSS

:root {
  --illicit-purple: #b585e9;
  --illicit-purple-rgb: 181 133 233;
  --illicit-purple-oklch: oklch(0.703 0.149 305);
}

.element {
  color: var(--illicit-purple);
  background-color: hsl(269 69% 72%);
  border-color: oklch(0.703 0.149 305);
}

Tailwind CSS v4

@theme {
  --color-illicit-purple: #b585e9;
  --color-illicit-purple-50: #ffebff;
  --color-illicit-purple-100: #f5dbff;
  --color-illicit-purple-200: #e5c4ff;
  --color-illicit-purple-300: #cba3f3;
  --color-illicit-purple-400: #b386e5;
  --color-illicit-purple-500: #9e68d4;
  --color-illicit-purple-600: #8558b3;
  --color-illicit-purple-700: #6b4790;
  --color-illicit-purple-800: #4d336c;
  --color-illicit-purple-900: #36234c;
  --color-illicit-purple-950: #211232;
}

SCSS

$illicit-purple: #b585e9;
$illicit-purple-rgb: 181, 133, 233;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);

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