#8E415B

CSS

:root {
  --liaison: #8e415b;
  --liaison-rgb: 142 65 91;
  --liaison-oklch: oklch(0.483 0.108 0.7);
}

.element {
  color: var(--liaison);
  background-color: hsl(340 37% 41%);
  border-color: oklch(0.483 0.108 0.7);
}

Tailwind CSS v4

@theme {
  --color-liaison: #8e415b;
  --color-liaison-50: #ffe9f2;
  --color-liaison-100: #ffdae4;
  --color-liaison-200: #fdc2d0;
  --color-liaison-300: #e7a0b2;
  --color-liaison-400: #d3839b;
  --color-liaison-500: #bf6582;
  --color-liaison-600: #a2566e;
  --color-liaison-700: #824558;
  --color-liaison-800: #603142;
  --color-liaison-900: #43222d;
  --color-liaison-950: #2b111a;
}

SCSS

$liaison: #8e415b;
$liaison-rgb: 142, 65, 91;
$liaison-light: mix(#fff, $liaison, 20%);
$liaison-dark: mix(#000, $liaison, 20%);

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