#46223D

CSS

:root {
  --purple-void: #46223d;
  --purple-void-rgb: 70 34 61;
  --purple-void-oklch: oklch(0.312 0.068 337.3);
}

.element {
  color: var(--purple-void);
  background-color: hsl(315 35% 20%);
  border-color: oklch(0.312 0.068 337.3);
}

Tailwind CSS v4

@theme {
  --color-purple-void: #46223d;
  --color-purple-void-50: #ffeefc;
  --color-purple-void-100: #f8e0ef;
  --color-purple-void-200: #e9cade;
  --color-purple-void-300: #d0aac3;
  --color-purple-void-400: #b98fad;
  --color-purple-void-500: #a47596;
  --color-purple-void-600: #8a637f;
  --color-purple-void-700: #6f4f66;
  --color-purple-void-800: #51394c;
  --color-purple-void-900: #392735;
  --color-purple-void-950: #231520;
}

SCSS

$purple-void: #46223d;
$purple-void-rgb: 70, 34, 61;
$purple-void-light: mix(#fff, $purple-void, 20%);
$purple-void-dark: mix(#000, $purple-void, 20%);

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