#B15441

CSS

:root {
  --hot-chilli: #b15441;
  --hot-chilli-rgb: 177 84 65;
  --hot-chilli-oklch: oklch(0.557 0.126 33);
}

.element {
  color: var(--hot-chilli);
  background-color: hsl(10 46% 47%);
  border-color: oklch(0.557 0.126 33);
}

Tailwind CSS v4

@theme {
  --color-hot-chilli: #b15441;
  --color-hot-chilli-50: #ffe9dd;
  --color-hot-chilli-100: #ffdacc;
  --color-hot-chilli-200: #ffc2b0;
  --color-hot-chilli-300: #f0a08c;
  --color-hot-chilli-400: #de816d;
  --color-hot-chilli-500: #cb624d;
  --color-hot-chilli-600: #ac5442;
  --color-hot-chilli-700: #8a4334;
  --color-hot-chilli-800: #673026;
  --color-hot-chilli-900: #48201a;
  --color-hot-chilli-950: #2f0f0a;
}

SCSS

$hot-chilli: #b15441;
$hot-chilli-rgb: 177, 84, 65;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);

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