#6F4A87

CSS

:root {
  --grapes-of-italy: #6f4a87;
  --grapes-of-italy-rgb: 111 74 135;
  --grapes-of-italy-oklch: oklch(0.476 0.103 310.9);
}

.element {
  color: var(--grapes-of-italy);
  background-color: hsl(276 29% 41%);
  border-color: oklch(0.476 0.103 310.9);
}

Tailwind CSS v4

@theme {
  --color-grapes-of-italy: #6f4a87;
  --color-grapes-of-italy-50: #ffedff;
  --color-grapes-of-italy-100: #f4deff;
  --color-grapes-of-italy-200: #e4c8f4;
  --color-grapes-of-italy-300: #caa8de;
  --color-grapes-of-italy-400: #b28dcc;
  --color-grapes-of-italy-500: #9c71b9;
  --color-grapes-of-italy-600: #84609c;
  --color-grapes-of-italy-700: #6a4d7d;
  --color-grapes-of-italy-800: #4d385e;
  --color-grapes-of-italy-900: #352642;
  --color-grapes-of-italy-950: #21142a;
}

SCSS

$grapes-of-italy: #6f4a87;
$grapes-of-italy-rgb: 111, 74, 135;
$grapes-of-italy-light: mix(#fff, $grapes-of-italy, 20%);
$grapes-of-italy-dark: mix(#000, $grapes-of-italy, 20%);

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