#8FAFAF

CSS

:root {
  --cool: #8fafaf;
  --cool-rgb: 143 175 175;
  --cool-oklch: oklch(0.73 0.035 196.4);
}

.element {
  color: var(--cool);
  background-color: hsl(180 17% 62%);
  border-color: oklch(0.73 0.035 196.4);
}

Tailwind CSS v4

@theme {
  --color-cool: #8fafaf;
  --color-cool-50: #eaf8f9;
  --color-cool-100: #dbecec;
  --color-cool-200: #c4d9da;
  --color-cool-300: #a4bdbe;
  --color-cool-400: #87a5a5;
  --color-cool-500: #6b8e8e;
  --color-cool-600: #5b7878;
  --color-cool-700: #496060;
  --color-cool-800: #344646;
  --color-cool-900: #243130;
  --color-cool-950: #121d1d;
}

SCSS

$cool: #8fafaf;
$cool-rgb: 143, 175, 175;
$cool-light: mix(#fff, $cool, 20%);
$cool-dark: mix(#000, $cool, 20%);

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