#C27B95

CSS

:root {
  --prehistoric-pink: #c27b95;
  --prehistoric-pink-rgb: 194 123 149;
  --prehistoric-pink-oklch: oklch(0.665 0.094 356.4);
}

.element {
  color: var(--prehistoric-pink);
  background-color: hsl(338 37% 62%);
  border-color: oklch(0.665 0.094 356.4);
}

Tailwind CSS v4

@theme {
  --color-prehistoric-pink: #c27b95;
  --color-prehistoric-pink-50: #ffebf5;
  --color-prehistoric-pink-100: #ffdce7;
  --color-prehistoric-pink-200: #f7c4d4;
  --color-prehistoric-pink-300: #e0a4b7;
  --color-prehistoric-pink-400: #cc87a0;
  --color-prehistoric-pink-500: #b76b88;
  --color-prehistoric-pink-600: #9b5b73;
  --color-prehistoric-pink-700: #7c485c;
  --color-prehistoric-pink-800: #5c3444;
  --color-prehistoric-pink-900: #40242f;
  --color-prehistoric-pink-950: #29121c;
}

SCSS

$prehistoric-pink: #c27b95;
$prehistoric-pink-rgb: 194, 123, 149;
$prehistoric-pink-light: mix(#fff, $prehistoric-pink, 20%);
$prehistoric-pink-dark: mix(#000, $prehistoric-pink, 20%);

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