#087CC1

CSS

:root {
  --star-of-life: #087cc1;
  --star-of-life-rgb: 8 124 193;
  --star-of-life-oklch: oklch(0.566 0.139 244.5);
}

.element {
  color: var(--star-of-life);
  background-color: hsl(202 92% 39%);
  border-color: oklch(0.566 0.139 244.5);
}

Tailwind CSS v4

@theme {
  --color-star-of-life: #087cc1;
  --color-star-of-life-50: #d6faff;
  --color-star-of-life-100: #c3edff;
  --color-star-of-life-200: #a4dbff;
  --color-star-of-life-300: #7abefa;
  --color-star-of-life-400: #4da6ea;
  --color-star-of-life-500: #088dda;
  --color-star-of-life-600: #1177b8;
  --color-star-of-life-700: #0f6094;
  --color-star-of-life-800: #02476e;
  --color-star-of-life-900: #03314d;
  --color-star-of-life-950: #001d33;
}

SCSS

$star-of-life: #087cc1;
$star-of-life-rgb: 8, 124, 193;
$star-of-life-light: mix(#fff, $star-of-life, 20%);
$star-of-life-dark: mix(#000, $star-of-life, 20%);

.element {
  color: $star-of-life;
  box-shadow: 0 0 0 2px rgba($star-of-life, 0.35);
}