#842F49

CSS

:root {
  --red-octopus: #842f49;
  --red-octopus-rgb: 132 47 73;
  --red-octopus-oklch: oklch(0.436 0.119 4.5);
}

.element {
  color: var(--red-octopus);
  background-color: hsl(342 47% 35%);
  border-color: oklch(0.436 0.119 4.5);
}

Tailwind CSS v4

@theme {
  --color-red-octopus: #842f49;
  --color-red-octopus-50: #ffe8ef;
  --color-red-octopus-100: #ffd8e1;
  --color-red-octopus-200: #ffc0cc;
  --color-red-octopus-300: #ec9ead;
  --color-red-octopus-400: #d97f95;
  --color-red-octopus-500: #c6617c;
  --color-red-octopus-600: #a75369;
  --color-red-octopus-700: #864254;
  --color-red-octopus-800: #632f3f;
  --color-red-octopus-900: #46202b;
  --color-red-octopus-950: #2d0f18;
}

SCSS

$red-octopus: #842f49;
$red-octopus-rgb: 132, 47, 73;
$red-octopus-light: mix(#fff, $red-octopus, 20%);
$red-octopus-dark: mix(#000, $red-octopus, 20%);

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