#BAF0F4

CSS

:root {
  --pale-sky: #baf0f4;
  --pale-sky-rgb: 186 240 244;
  --pale-sky-oklch: oklch(0.919 0.055 201.9);
}

.element {
  color: var(--pale-sky);
  background-color: hsl(184 73% 84%);
  border-color: oklch(0.919 0.055 201.9);
}

Tailwind CSS v4

@theme {
  --color-pale-sky: #baf0f4;
  --color-pale-sky-50: #e4fafc;
  --color-pale-sky-100: #d4eef0;
  --color-pale-sky-200: #badcdf;
  --color-pale-sky-300: #97c0c4;
  --color-pale-sky-400: #78a9ac;
  --color-pale-sky-500: #589196;
  --color-pale-sky-600: #4b7b7f;
  --color-pale-sky-700: #3c6265;
  --color-pale-sky-800: #2a484a;
  --color-pale-sky-900: #1d3233;
  --color-pale-sky-950: #0c1e1f;
}

SCSS

$pale-sky: #baf0f4;
$pale-sky-rgb: 186, 240, 244;
$pale-sky-light: mix(#fff, $pale-sky, 20%);
$pale-sky-dark: mix(#000, $pale-sky, 20%);

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