#2D6698

CSS

:root {
  --starry-night: #2d6698;
  --starry-night-rgb: 45 102 152;
  --starry-night-oklch: oklch(0.496 0.1 247.9);
}

.element {
  color: var(--starry-night);
  background-color: hsl(208 54% 39%);
  border-color: oklch(0.496 0.1 247.9);
}

Tailwind CSS v4

@theme {
  --color-starry-night: #2d6698;
  --color-starry-night-50: #e0f8ff;
  --color-starry-night-100: #cfebff;
  --color-starry-night-200: #b4d8fe;
  --color-starry-night-300: #90bce9;
  --color-starry-night-400: #6da4d7;
  --color-starry-night-500: #4b8bc5;
  --color-starry-night-600: #4176a6;
  --color-starry-night-700: #335e85;
  --color-starry-night-800: #224563;
  --color-starry-night-900: #173045;
  --color-starry-night-950: #081c2d;
}

SCSS

$starry-night: #2d6698;
$starry-night-rgb: 45, 102, 152;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);

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