#904441

CSS

:root {
  --red-my-mind: #904441;
  --red-my-mind-rgb: 144 68 65;
  --red-my-mind-oklch: oklch(0.483 0.104 24);
}

.element {
  color: var(--red-my-mind);
  background-color: hsl(2 38% 41%);
  border-color: oklch(0.483 0.104 24);
}

Tailwind CSS v4

@theme {
  --color-red-my-mind: #904441;
  --color-red-my-mind-50: #ffebe6;
  --color-red-my-mind-100: #ffdbd6;
  --color-red-my-mind-200: #fec4bd;
  --color-red-my-mind-300: #e8a39c;
  --color-red-my-mind-400: #d58680;
  --color-red-my-mind-500: #c16964;
  --color-red-my-mind-600: #a35955;
  --color-red-my-mind-700: #834744;
  --color-red-my-mind-800: #613332;
  --color-red-my-mind-900: #442322;
  --color-red-my-mind-950: #2c1111;
}

SCSS

$red-my-mind: #904441;
$red-my-mind-rgb: 144, 68, 65;
$red-my-mind-light: mix(#fff, $red-my-mind, 20%);
$red-my-mind-dark: mix(#000, $red-my-mind, 20%);

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