#EEBBBC

CSS

:root {
  --angry-ghost: #eebbbc;
  --angry-ghost-rgb: 238 187 188;
  --angry-ghost-oklch: oklch(0.838 0.059 17.1);
}

.element {
  color: var(--angry-ghost);
  background-color: hsl(359 60% 83%);
  border-color: oklch(0.838 0.059 17.1);
}

Tailwind CSS v4

@theme {
  --color-angry-ghost: #eebbbc;
  --color-angry-ghost-50: #ffefee;
  --color-angry-ghost-100: #fbe1e0;
  --color-angry-ghost-200: #edcbca;
  --color-angry-ghost-300: #d4acab;
  --color-angry-ghost-400: #bf9192;
  --color-angry-ghost-500: #aa7678;
  --color-angry-ghost-600: #906466;
  --color-angry-ghost-700: #735051;
  --color-angry-ghost-800: #553a3c;
  --color-angry-ghost-900: #3b2829;
  --color-angry-ghost-950: #251617;
}

SCSS

$angry-ghost: #eebbbc;
$angry-ghost-rgb: 238, 187, 188;
$angry-ghost-light: mix(#fff, $angry-ghost, 20%);
$angry-ghost-dark: mix(#000, $angry-ghost, 20%);

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