#38A4DA

CSS

:root {
  --thalassophile: #38a4da;
  --thalassophile-rgb: 56 164 218;
  --thalassophile-oklch: oklch(0.681 0.124 234.9);
}

.element {
  color: var(--thalassophile);
  background-color: hsl(200 69% 54%);
  border-color: oklch(0.681 0.124 234.9);
}

Tailwind CSS v4

@theme {
  --color-thalassophile: #38a4da;
  --color-thalassophile-50: #d5fbff;
  --color-thalassophile-100: #c1efff;
  --color-thalassophile-200: #a1ddff;
  --color-thalassophile-300: #76c1ef;
  --color-thalassophile-400: #47aadd;
  --color-thalassophile-500: #0091cc;
  --color-thalassophile-600: #007bac;
  --color-thalassophile-700: #01628a;
  --color-thalassophile-800: #004966;
  --color-thalassophile-900: #003248;
  --color-thalassophile-950: #001e2f;
}

SCSS

$thalassophile: #38a4da;
$thalassophile-rgb: 56, 164, 218;
$thalassophile-light: mix(#fff, $thalassophile, 20%);
$thalassophile-dark: mix(#000, $thalassophile, 20%);

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