#25093B

CSS

:root {
  --coal-mine: #25093b;
  --coal-mine-rgb: 37 9 59;
  --coal-mine-oklch: oklch(0.22 0.091 305.6);
}

.element {
  color: var(--coal-mine);
  background-color: hsl(274 74% 13%);
  border-color: oklch(0.22 0.091 305.6);
}

Tailwind CSS v4

@theme {
  --color-coal-mine: #25093b;
  --color-coal-mine-50: #fcefff;
  --color-coal-mine-100: #f0e0ff;
  --color-coal-mine-200: #dfcbf3;
  --color-coal-mine-300: #c4abdc;
  --color-coal-mine-400: #ab91ca;
  --color-coal-mine-500: #9576b6;
  --color-coal-mine-600: #7e649a;
  --color-coal-mine-700: #65507b;
  --color-coal-mine-800: #493a5c;
  --color-coal-mine-900: #332841;
  --color-coal-mine-950: #1e1629;
}

SCSS

$coal-mine: #25093b;
$coal-mine-rgb: 37, 9, 59;
$coal-mine-light: mix(#fff, $coal-mine, 20%);
$coal-mine-dark: mix(#000, $coal-mine, 20%);

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