#BC9183

CSS

:root {
  --muddy-mire: #bc9183;
  --muddy-mire-rgb: 188 145 131;
  --muddy-mire-oklch: oklch(0.693 0.056 38.8);
}

.element {
  color: var(--muddy-mire);
  background-color: hsl(15 30% 63%);
  border-color: oklch(0.693 0.056 38.8);
}

Tailwind CSS v4

@theme {
  --color-muddy-mire: #bc9183;
  --color-muddy-mire-50: #fff0e9;
  --color-muddy-mire-100: #f9e2da;
  --color-muddy-mire-200: #ebcdc2;
  --color-muddy-mire-300: #d2aea2;
  --color-muddy-mire-400: #bd9486;
  --color-muddy-mire-500: #a77a6b;
  --color-muddy-mire-600: #8d675b;
  --color-muddy-mire-700: #715248;
  --color-muddy-mire-800: #543c35;
  --color-muddy-mire-900: #3b2924;
  --color-muddy-mire-950: #241713;
}

SCSS

$muddy-mire: #bc9183;
$muddy-mire-rgb: 188, 145, 131;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);

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