#94CBF5

CSS

:root {
  --clear-sky: #94cbf5;
  --clear-sky-rgb: 148 203 245;
  --clear-sky-oklch: oklch(0.819 0.082 241.9);
}

.element {
  color: var(--clear-sky);
  background-color: hsl(206 83% 77%);
  border-color: oklch(0.819 0.082 241.9);
}

Tailwind CSS v4

@theme {
  --color-clear-sky: #94cbf5;
  --color-clear-sky-50: #e2f8ff;
  --color-clear-sky-100: #d1ecff;
  --color-clear-sky-200: #b7d9f6;
  --color-clear-sky-300: #94bddf;
  --color-clear-sky-400: #72a5cb;
  --color-clear-sky-500: #518db8;
  --color-clear-sky-600: #46779b;
  --color-clear-sky-700: #375f7d;
  --color-clear-sky-800: #26465c;
  --color-clear-sky-900: #193140;
  --color-clear-sky-950: #0a1d29;
}

SCSS

$clear-sky: #94cbf5;
$clear-sky-rgb: 148, 203, 245;
$clear-sky-light: mix(#fff, $clear-sky, 20%);
$clear-sky-dark: mix(#000, $clear-sky, 20%);

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