Old Gungeon Red

CSS

:root {
  --old-gungeon-red: #0063ec;
  --old-gungeon-red-rgb: 0 99 236;
  --old-gungeon-red-oklch: oklch(0.541 0.221 260);
}

.element {
  color: var(--old-gungeon-red);
  background-color: hsl(215 100% 46%);
  border-color: oklch(0.541 0.221 260);
}

Tailwind CSS v4

@theme {
  --color-old-gungeon-red: #0063ec;
  --color-old-gungeon-red-50: #d3f6ff;
  --color-old-gungeon-red-100: #c0e9ff;
  --color-old-gungeon-red-200: #a0d4ff;
  --color-old-gungeon-red-300: #77b4ff;
  --color-old-gungeon-red-400: #4899ff;
  --color-old-gungeon-red-500: #127aff;
  --color-old-gungeon-red-600: #1468e9;
  --color-old-gungeon-red-700: #1053bb;
  --color-old-gungeon-red-800: #003d8c;
  --color-old-gungeon-red-900: #002a64;
  --color-old-gungeon-red-950: #001745;
}

SCSS

$old-gungeon-red: #0063ec;
$old-gungeon-red-rgb: 0, 99, 236;
$old-gungeon-red-light: mix(#fff, $old-gungeon-red, 20%);
$old-gungeon-red-dark: mix(#000, $old-gungeon-red, 20%);

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