#7B2C5B

CSS

:root {
  --pleasure: #7b2c5b;
  --pleasure-rgb: 123 44 91;
  --pleasure-oklch: oklch(0.424 0.123 346.9);
}

.element {
  color: var(--pleasure);
  background-color: hsl(324 47% 33%);
  border-color: oklch(0.424 0.123 346.9);
}

Tailwind CSS v4

@theme {
  --color-pleasure: #7b2c5b;
  --color-pleasure-50: #ffe8fb;
  --color-pleasure-100: #ffd8ee;
  --color-pleasure-200: #fdbfdd;
  --color-pleasure-300: #e79ec1;
  --color-pleasure-400: #d380ad;
  --color-pleasure-500: #bf6196;
  --color-pleasure-600: #a1537f;
  --color-pleasure-700: #824266;
  --color-pleasure-800: #602f4c;
  --color-pleasure-900: #432035;
  --color-pleasure-950: #2b0f20;
}

SCSS

$pleasure: #7b2c5b;
$pleasure-rgb: 123, 44, 91;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);

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