#EE8B91

CSS

:root {
  --pink-porky: #ee8b91;
  --pink-porky-rgb: 238 139 145;
  --pink-porky-oklch: oklch(0.743 0.121 16.5);
}

.element {
  color: var(--pink-porky);
  background-color: hsl(356 74% 74%);
  border-color: oklch(0.743 0.121 16.5);
}

Tailwind CSS v4

@theme {
  --color-pink-porky: #ee8b91;
  --color-pink-porky-50: #ffe8e8;
  --color-pink-porky-100: #ffd9d8;
  --color-pink-porky-200: #ffc0c0;
  --color-pink-porky-300: #ef9e9f;
  --color-pink-porky-400: #dc8085;
  --color-pink-porky-500: #c9616a;
  --color-pink-porky-600: #aa535a;
  --color-pink-porky-700: #894247;
  --color-pink-porky-800: #652f35;
  --color-pink-porky-900: #472024;
  --color-pink-porky-950: #2e0f13;
}

SCSS

$pink-porky: #ee8b91;
$pink-porky-rgb: 238, 139, 145;
$pink-porky-light: mix(#fff, $pink-porky, 20%);
$pink-porky-dark: mix(#000, $pink-porky, 20%);

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