#76CED4

CSS

:root {
  --summer-of-82: #76ced4;
  --summer-of-82-rgb: 118 206 212;
  --summer-of-82-oklch: oklch(0.799 0.085 201.3);
}

.element {
  color: var(--summer-of-82);
  background-color: hsl(184 52% 65%);
  border-color: oklch(0.799 0.085 201.3);
}

Tailwind CSS v4

@theme {
  --color-summer-of-82: #76ced4;
  --color-summer-of-82-50: #dafdff;
  --color-summer-of-82-100: #c8f1f5;
  --color-summer-of-82-200: #aae0e5;
  --color-summer-of-82-300: #82c5cb;
  --color-summer-of-82-400: #5baeb3;
  --color-summer-of-82-500: #2c979e;
  --color-summer-of-82-600: #288085;
  --color-summer-of-82-700: #20666b;
  --color-summer-of-82-800: #154b4e;
  --color-summer-of-82-900: #0d3436;
  --color-summer-of-82-950: #012021;
}

SCSS

$summer-of-82: #76ced4;
$summer-of-82-rgb: 118, 206, 212;
$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);
}