#187BBF

CSS

:root {
  --star-of-life: #187bbf;
  --star-of-life-rgb: 24 123 191;
  --star-of-life-oklch: oklch(0.564 0.135 245.5);
}

.element {
  color: var(--star-of-life);
  background-color: hsl(204 78% 42%);
  border-color: oklch(0.564 0.135 245.5);
}

Tailwind CSS v4

@theme {
  --color-star-of-life: #187bbf;
  --color-star-of-life-50: #d7faff;
  --color-star-of-life-100: #c5edff;
  --color-star-of-life-200: #a6daff;
  --color-star-of-life-300: #7dbef9;
  --color-star-of-life-400: #52a5e9;
  --color-star-of-life-500: #1d8cd9;
  --color-star-of-life-600: #1d77b7;
  --color-star-of-life-700: #175f93;
  --color-star-of-life-800: #09466d;
  --color-star-of-life-900: #06314d;
  --color-star-of-life-950: #001d33;
}

SCSS

$star-of-life: #187bbf;
$star-of-life-rgb: 24, 123, 191;
$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);
}