#E596A4

CSS

:root {
  --pink-prestige: #e596a4;
  --pink-prestige-rgb: 229 150 164;
  --pink-prestige-oklch: oklch(0.756 0.096 8);
}

.element {
  color: var(--pink-prestige);
  background-color: hsl(349 60% 74%);
  border-color: oklch(0.756 0.096 8);
}

Tailwind CSS v4

@theme {
  --color-pink-prestige: #e596a4;
  --color-pink-prestige-50: #ffeaef;
  --color-pink-prestige-100: #ffdbe0;
  --color-pink-prestige-200: #fac4cb;
  --color-pink-prestige-300: #e4a3ac;
  --color-pink-prestige-400: #d08693;
  --color-pink-prestige-500: #bc6a7a;
  --color-pink-prestige-600: #9f5a67;
  --color-pink-prestige-700: #7f4852;
  --color-pink-prestige-800: #5e343d;
  --color-pink-prestige-900: #42232a;
  --color-pink-prestige-950: #2a1218;
}

SCSS

$pink-prestige: #e596a4;
$pink-prestige-rgb: 229, 150, 164;
$pink-prestige-light: mix(#fff, $pink-prestige, 20%);
$pink-prestige-dark: mix(#000, $pink-prestige, 20%);

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