#134FB5

CSS

:root {
  --blasphemous-blue: #134fb5;
  --blasphemous-blue-rgb: 19 79 181;
  --blasphemous-blue-oklch: oklch(0.457 0.173 260.7);
}

.element {
  color: var(--blasphemous-blue);
  background-color: hsl(218 81% 39%);
  border-color: oklch(0.457 0.173 260.7);
}

Tailwind CSS v4

@theme {
  --color-blasphemous-blue: #134fb5;
  --color-blasphemous-blue-50: #dbf6ff;
  --color-blasphemous-blue-100: #c9e9ff;
  --color-blasphemous-blue-200: #add4ff;
  --color-blasphemous-blue-300: #88b6ff;
  --color-blasphemous-blue-400: #619cff;
  --color-blasphemous-blue-500: #3d80f6;
  --color-blasphemous-blue-600: #346dd0;
  --color-blasphemous-blue-700: #2a57a7;
  --color-blasphemous-blue-800: #18407d;
  --color-blasphemous-blue-900: #0f2c58;
  --color-blasphemous-blue-950: #03193c;
}

SCSS

$blasphemous-blue: #134fb5;
$blasphemous-blue-rgb: 19, 79, 181;
$blasphemous-blue-light: mix(#fff, $blasphemous-blue, 20%);
$blasphemous-blue-dark: mix(#000, $blasphemous-blue, 20%);

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