#00080B

CSS

:root {
  --black-hole: #00080b;
  --black-hole-rgb: 0 8 11;
  --black-hole-oklch: oklch(0.124 0.022 213.9);
}

.element {
  color: var(--black-hole);
  background-color: hsl(196 100% 2%);
  border-color: oklch(0.124 0.022 213.9);
}

Tailwind CSS v4

@theme {
  --color-black-hole: #00080b;
  --color-black-hole-50: #eff7f9;
  --color-black-hole-100: #e0eaec;
  --color-black-hole-200: #cad7da;
  --color-black-hole-300: #acbabe;
  --color-black-hole-400: #91a2a6;
  --color-black-hole-500: #768a8f;
  --color-black-hole-600: #647579;
  --color-black-hole-700: #505e61;
  --color-black-hole-800: #3a4547;
  --color-black-hole-900: #282f31;
  --color-black-hole-950: #161c1d;
}

SCSS

$black-hole: #00080b;
$black-hole-rgb: 0, 8, 11;
$black-hole-light: mix(#fff, $black-hole, 20%);
$black-hole-dark: mix(#000, $black-hole, 20%);

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