Night Red

CSS

:root {
  --night-red: #3c2727;
  --night-red-rgb: 60 39 39;
  --night-red-oklch: oklch(0.298 0.032 19.1);
}

.element {
  color: var(--night-red);
  background-color: hsl(0 21% 19%);
  border-color: oklch(0.298 0.032 19.1);
}

Tailwind CSS v4

@theme {
  --color-night-red: #3c2727;
  --color-night-red-50: #fef2f1;
  --color-night-red-100: #f2e4e3;
  --color-night-red-200: #e2cfce;
  --color-night-red-300: #c7b1b0;
  --color-night-red-400: #b19797;
  --color-night-red-500: #9a7e7e;
  --color-night-red-600: #836b6a;
  --color-night-red-700: #695555;
  --color-night-red-800: #4d3e3e;
  --color-night-red-900: #352b2b;
  --color-night-red-950: #211818;
}

SCSS

$night-red: #3c2727;
$night-red-rgb: 60, 39, 39;
$night-red-light: mix(#fff, $night-red, 20%);
$night-red-dark: mix(#000, $night-red, 20%);

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