#AE7667

CSS

:root {
  --vin-cuit: #ae7667;
  --vin-cuit-rgb: 174 118 103;
  --vin-cuit-oklch: oklch(0.62 0.075 35.6);
}

.element {
  color: var(--vin-cuit);
  background-color: hsl(13 30% 54%);
  border-color: oklch(0.62 0.075 35.6);
}

Tailwind CSS v4

@theme {
  --color-vin-cuit: #ae7667;
  --color-vin-cuit-50: #ffeee6;
  --color-vin-cuit-100: #ffe0d6;
  --color-vin-cuit-200: #f2cabe;
  --color-vin-cuit-300: #daab9c;
  --color-vin-cuit-400: #c68f80;
  --color-vin-cuit-500: #b27464;
  --color-vin-cuit-600: #966355;
  --color-vin-cuit-700: #784f44;
  --color-vin-cuit-800: #593931;
  --color-vin-cuit-900: #3e2721;
  --color-vin-cuit-950: #271511;
}

SCSS

$vin-cuit: #ae7667;
$vin-cuit-rgb: 174, 118, 103;
$vin-cuit-light: mix(#fff, $vin-cuit, 20%);
$vin-cuit-dark: mix(#000, $vin-cuit, 20%);

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