#FB9B80

CSS

:root {
  --parma-ham: #fb9b80;
  --parma-ham-rgb: 251 155 128;
  --parma-ham-oklch: oklch(0.782 0.122 36.5);
}

.element {
  color: var(--parma-ham);
  background-color: hsl(13 94% 74%);
  border-color: oklch(0.782 0.122 36.5);
}

Tailwind CSS v4

@theme {
  --color-parma-ham: #fb9b80;
  --color-parma-ham-50: #ffeadc;
  --color-parma-ham-100: #ffdbcb;
  --color-parma-ham-200: #ffc3ae;
  --color-parma-ham-300: #eea289;
  --color-parma-ham-400: #dc836a;
  --color-parma-ham-500: #c96549;
  --color-parma-ham-600: #aa563f;
  --color-parma-ham-700: #884532;
  --color-parma-ham-800: #663124;
  --color-parma-ham-900: #472118;
  --color-parma-ham-950: #2e1009;
}

SCSS

$parma-ham: #fb9b80;
$parma-ham-rgb: 251, 155, 128;
$parma-ham-light: mix(#fff, $parma-ham, 20%);
$parma-ham-dark: mix(#000, $parma-ham, 20%);

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