#F8699B

CSS

:root {
  --fuchsia-fever: #f8699b;
  --fuchsia-fever-rgb: 248 105 155;
  --fuchsia-fever-oklch: oklch(0.71 0.181 0.9);
}

.element {
  color: var(--fuchsia-fever);
  background-color: hsl(339 91% 69%);
  border-color: oklch(0.71 0.181 0.9);
}

Tailwind CSS v4

@theme {
  --color-fuchsia-fever: #f8699b;
  --color-fuchsia-fever-50: #ffe0f0;
  --color-fuchsia-fever-100: #ffcfe2;
  --color-fuchsia-fever-200: #ffb3cd;
  --color-fuchsia-fever-300: #ff8dae;
  --color-fuchsia-fever-400: #f16a98;
  --color-fuchsia-fever-500: #df417f;
  --color-fuchsia-fever-600: #bc396c;
  --color-fuchsia-fever-700: #972d56;
  --color-fuchsia-fever-800: #701f41;
  --color-fuchsia-fever-900: #4f152d;
  --color-fuchsia-fever-950: #34051a;
}

SCSS

$fuchsia-fever: #f8699b;
$fuchsia-fever-rgb: 248, 105, 155;
$fuchsia-fever-light: mix(#fff, $fuchsia-fever, 20%);
$fuchsia-fever-dark: mix(#000, $fuchsia-fever, 20%);

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