#8CC2D8

CSS

:root {
  --sky-fall: #8cc2d8;
  --sky-fall-rgb: 140 194 216;
  --sky-fall-oklch: oklch(0.784 0.064 225.2);
}

.element {
  color: var(--sky-fall);
  background-color: hsl(197 49% 70%);
  border-color: oklch(0.784 0.064 225.2);
}

Tailwind CSS v4

@theme {
  --color-sky-fall: #8cc2d8;
  --color-sky-fall-50: #e3f9ff;
  --color-sky-fall-100: #d3edf9;
  --color-sky-fall-200: #b9daea;
  --color-sky-fall-300: #95bfd1;
  --color-sky-fall-400: #75a7bb;
  --color-sky-fall-500: #548fa6;
  --color-sky-fall-600: #48798d;
  --color-sky-fall-700: #396171;
  --color-sky-fall-800: #284753;
  --color-sky-fall-900: #1b313a;
  --color-sky-fall-950: #0b1d24;
}

SCSS

$sky-fall: #8cc2d8;
$sky-fall-rgb: 140, 194, 216;
$sky-fall-light: mix(#fff, $sky-fall, 20%);
$sky-fall-dark: mix(#000, $sky-fall, 20%);

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