#FCCCD6

CSS

:root {
  --light-pink: #fcccd6;
  --light-pink-rgb: 252 204 214;
  --light-pink-oklch: oklch(0.89 0.056 4.3);
}

.element {
  color: var(--light-pink);
  background-color: hsl(348 89% 89%);
  border-color: oklch(0.89 0.056 4.3);
}

Tailwind CSS v4

@theme {
  --color-light-pink: #fcccd6;
  --color-light-pink-50: #ffeff2;
  --color-light-pink-100: #fae1e5;
  --color-light-pink-200: #eacbd0;
  --color-light-pink-300: #d2acb3;
  --color-light-pink-400: #bc919a;
  --color-light-pink-500: #a77782;
  --color-light-pink-600: #8d656e;
  --color-light-pink-700: #715158;
  --color-light-pink-800: #533a41;
  --color-light-pink-900: #3a282d;
  --color-light-pink-950: #24161a;
}

SCSS

$light-pink: #fcccd6;
$light-pink-rgb: 252, 204, 214;
$light-pink-light: mix(#fff, $light-pink, 20%);
$light-pink-dark: mix(#000, $light-pink, 20%);

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