#B8593B

CSS

:root {
  --hot-chilli: #b8593b;
  --hot-chilli-rgb: 184 89 59;
  --hot-chilli-oklch: oklch(0.575 0.131 38.1);
}

.element {
  color: var(--hot-chilli);
  background-color: hsl(14 51% 48%);
  border-color: oklch(0.575 0.131 38.1);
}

Tailwind CSS v4

@theme {
  --color-hot-chilli: #b8593b;
  --color-hot-chilli-50: #ffe9d9;
  --color-hot-chilli-100: #ffdac7;
  --color-hot-chilli-200: #ffc2aa;
  --color-hot-chilli-300: #f1a084;
  --color-hot-chilli-400: #e08164;
  --color-hot-chilli-500: #cd6241;
  --color-hot-chilli-600: #ad5438;
  --color-hot-chilli-700: #8b432c;
  --color-hot-chilli-800: #682f20;
  --color-hot-chilli-900: #492015;
  --color-hot-chilli-950: #300f07;
}

SCSS

$hot-chilli: #b8593b;
$hot-chilli-rgb: 184, 89, 59;
$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);
}