#762E41

CSS

:root {
  --red-octopus: #762e41;
  --red-octopus-rgb: 118 46 65;
  --red-octopus-oklch: oklch(0.409 0.103 6.4);
}

.element {
  color: var(--red-octopus);
  background-color: hsl(344 44% 32%);
  border-color: oklch(0.409 0.103 6.4);
}

Tailwind CSS v4

@theme {
  --color-red-octopus: #762e41;
  --color-red-octopus-50: #ffeaef;
  --color-red-octopus-100: #ffdae1;
  --color-red-octopus-200: #fcc3cb;
  --color-red-octopus-300: #e6a2ad;
  --color-red-octopus-400: #d28495;
  --color-red-octopus-500: #be677b;
  --color-red-octopus-600: #a15868;
  --color-red-octopus-700: #814653;
  --color-red-octopus-800: #60323e;
  --color-red-octopus-900: #43222b;
  --color-red-octopus-950: #2b1118;
}

SCSS

$red-octopus: #762e41;
$red-octopus-rgb: 118, 46, 65;
$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);
}