#002381

CSS

:root {
  --lost-in-heaven: #002381;
  --lost-in-heaven-rgb: 0 35 129;
  --lost-in-heaven-oklch: oklch(0.315 0.161 263.1);
}

.element {
  color: var(--lost-in-heaven);
  background-color: hsl(224 100% 25%);
  border-color: oklch(0.315 0.161 263.1);
}

Tailwind CSS v4

@theme {
  --color-lost-in-heaven: #002381;
  --color-lost-in-heaven-50: #dff5ff;
  --color-lost-in-heaven-100: #cee8ff;
  --color-lost-in-heaven-200: #b3d3ff;
  --color-lost-in-heaven-300: #8fb5ff;
  --color-lost-in-heaven-400: #6b9bfd;
  --color-lost-in-heaven-500: #4b80ef;
  --color-lost-in-heaven-600: #406cca;
  --color-lost-in-heaven-700: #3357a2;
  --color-lost-in-heaven-800: #204079;
  --color-lost-in-heaven-900: #152c56;
  --color-lost-in-heaven-950: #07193a;
}

SCSS

$lost-in-heaven: #002381;
$lost-in-heaven-rgb: 0, 35, 129;
$lost-in-heaven-light: mix(#fff, $lost-in-heaven, 20%);
$lost-in-heaven-dark: mix(#000, $lost-in-heaven, 20%);

.element {
  color: $lost-in-heaven;
  box-shadow: 0 0 0 2px rgba($lost-in-heaven, 0.35);
}