#852B8B

CSS

:root {
  --hello-darkness-my-old-friend: #852b8b;
  --hello-darkness-my-old-friend-rgb: 133 43 139;
  --hello-darkness-my-old-friend-oklch: oklch(0.463 0.169 325.2);
}

.element {
  color: var(--hello-darkness-my-old-friend);
  background-color: hsl(296 53% 36%);
  border-color: oklch(0.463 0.169 325.2);
}

Tailwind CSS v4

@theme {
  --color-hello-darkness-my-old-friend: #852b8b;
  --color-hello-darkness-my-old-friend-50: #ffe5ff;
  --color-hello-darkness-my-old-friend-100: #ffd5ff;
  --color-hello-darkness-my-old-friend-200: #fbbbfa;
  --color-hello-darkness-my-old-friend-300: #e597e4;
  --color-hello-darkness-my-old-friend-400: #d078d4;
  --color-hello-darkness-my-old-friend-500: #bc56c2;
  --color-hello-darkness-my-old-friend-600: #9f4aa4;
  --color-hello-darkness-my-old-friend-700: #7f3b84;
  --color-hello-darkness-my-old-friend-800: #5d2a63;
  --color-hello-darkness-my-old-friend-900: #411c46;
  --color-hello-darkness-my-old-friend-950: #2a0c2d;
}

SCSS

$hello-darkness-my-old-friend: #852b8b;
$hello-darkness-my-old-friend-rgb: 133, 43, 139;
$hello-darkness-my-old-friend-light: mix(#fff, $hello-darkness-my-old-friend, 20%);
$hello-darkness-my-old-friend-dark: mix(#000, $hello-darkness-my-old-friend, 20%);

.element {
  color: $hello-darkness-my-old-friend;
  box-shadow: 0 0 0 2px rgba($hello-darkness-my-old-friend, 0.35);
}