#B9AF9B

CSS

:root {
  --ashes-to-ashes: #b9af9b;
  --ashes-to-ashes-rgb: 185 175 155;
  --ashes-to-ashes-oklch: oklch(0.757 0.03 84.6);
}

.element {
  color: var(--ashes-to-ashes);
  background-color: hsl(40 18% 67%);
  border-color: oklch(0.757 0.03 84.6);
}

Tailwind CSS v4

@theme {
  --color-ashes-to-ashes: #b9af9b;
  --color-ashes-to-ashes-50: #f9f5ec;
  --color-ashes-to-ashes-100: #ece7dd;
  --color-ashes-to-ashes-200: #dad4c6;
  --color-ashes-to-ashes-300: #beb7a6;
  --color-ashes-to-ashes-400: #a79d8b;
  --color-ashes-to-ashes-500: #8f8570;
  --color-ashes-to-ashes-600: #79715f;
  --color-ashes-to-ashes-700: #615a4c;
  --color-ashes-to-ashes-800: #484237;
  --color-ashes-to-ashes-900: #322d25;
  --color-ashes-to-ashes-950: #1e1a14;
}

SCSS

$ashes-to-ashes: #b9af9b;
$ashes-to-ashes-rgb: 185, 175, 155;
$ashes-to-ashes-light: mix(#fff, $ashes-to-ashes, 20%);
$ashes-to-ashes-dark: mix(#000, $ashes-to-ashes, 20%);

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