#77CED3

CSS

:root {
  --summer-of-82: #77ced3;
  --summer-of-82-rgb: 119 206 211;
  --summer-of-82-oklch: oklch(0.799 0.084 200.4);
}

.element {
  color: var(--summer-of-82);
  background-color: hsl(183 51% 65%);
  border-color: oklch(0.799 0.084 200.4);
}

Tailwind CSS v4

@theme {
  --color-summer-of-82: #77ced3;
  --color-summer-of-82-50: #dafdff;
  --color-summer-of-82-100: #c8f1f4;
  --color-summer-of-82-200: #aae0e4;
  --color-summer-of-82-300: #82c5ca;
  --color-summer-of-82-400: #5caeb2;
  --color-summer-of-82-500: #2d979d;
  --color-summer-of-82-600: #298084;
  --color-summer-of-82-700: #21666a;
  --color-summer-of-82-800: #164b4d;
  --color-summer-of-82-900: #0e3436;
  --color-summer-of-82-950: #012021;
}

SCSS

$summer-of-82: #77ced3;
$summer-of-82-rgb: 119, 206, 211;
$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);
}