#93D8ED

CSS

:root {
  --over-the-sky: #93d8ed;
  --over-the-sky-rgb: 147 216 237;
  --over-the-sky-oklch: oklch(0.844 0.075 218.9);
}

.element {
  color: var(--over-the-sky);
  background-color: hsl(194 71% 75%);
  border-color: oklch(0.844 0.075 218.9);
}

Tailwind CSS v4

@theme {
  --color-over-the-sky: #93d8ed;
  --color-over-the-sky-50: #dffbff;
  --color-over-the-sky-100: #ceeefa;
  --color-over-the-sky-200: #b2dceb;
  --color-over-the-sky-300: #8dc1d3;
  --color-over-the-sky-400: #69a9bd;
  --color-over-the-sky-500: #4592a8;
  --color-over-the-sky-600: #3b7c8e;
  --color-over-the-sky-700: #2f6372;
  --color-over-the-sky-800: #204953;
  --color-over-the-sky-900: #15323a;
  --color-over-the-sky-950: #061e24;
}

SCSS

$over-the-sky: #93d8ed;
$over-the-sky-rgb: 147, 216, 237;
$over-the-sky-light: mix(#fff, $over-the-sky, 20%);
$over-the-sky-dark: mix(#000, $over-the-sky, 20%);

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