#81CFD5

CSS

:root {
  --summer-of-82: #81cfd5;
  --summer-of-82-rgb: 129 207 213;
  --summer-of-82-oklch: oklch(0.806 0.077 202);
}

.element {
  color: var(--summer-of-82);
  background-color: hsl(184 50% 67%);
  border-color: oklch(0.806 0.077 202);
}

Tailwind CSS v4

@theme {
  --color-summer-of-82: #81cfd5;
  --color-summer-of-82-50: #ddfcff;
  --color-summer-of-82-100: #cbf0f4;
  --color-summer-of-82-200: #aedfe3;
  --color-summer-of-82-300: #88c3ca;
  --color-summer-of-82-400: #63acb2;
  --color-summer-of-82-500: #3b959c;
  --color-summer-of-82-600: #347e84;
  --color-summer-of-82-700: #29656a;
  --color-summer-of-82-800: #1c4a4d;
  --color-summer-of-82-900: #123435;
  --color-summer-of-82-950: #041f21;
}

SCSS

$summer-of-82: #81cfd5;
$summer-of-82-rgb: 129, 207, 213;
$summer-of-82-light: mix(#fff, $summer-of-82, 20%);
$summer-of-82-dark: mix(#000, $summer-of-82, 20%);

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