#AF7566

CSS

:root {
  --vin-cuit: #af7566;
  --vin-cuit-rgb: 175 117 102;
  --vin-cuit-oklch: oklch(0.619 0.077 35.1);
}

.element {
  color: var(--vin-cuit);
  background-color: hsl(12 31% 54%);
  border-color: oklch(0.619 0.077 35.1);
}

Tailwind CSS v4

@theme {
  --color-vin-cuit: #af7566;
  --color-vin-cuit-50: #ffeee6;
  --color-vin-cuit-100: #ffe0d6;
  --color-vin-cuit-200: #f3cabd;
  --color-vin-cuit-300: #dbaa9c;
  --color-vin-cuit-400: #c78e80;
  --color-vin-cuit-500: #b37363;
  --color-vin-cuit-600: #976254;
  --color-vin-cuit-700: #794e43;
  --color-vin-cuit-800: #5a3831;
  --color-vin-cuit-900: #3f2721;
  --color-vin-cuit-950: #281511;
}

SCSS

$vin-cuit: #af7566;
$vin-cuit-rgb: 175, 117, 102;
$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);
}