#65DDE9

CSS

:root {
  --summer-of-82: #65dde9;
  --summer-of-82-rgb: 101 221 233;
  --summer-of-82-oklch: oklch(0.834 0.108 204.2);
}

.element {
  color: var(--summer-of-82);
  background-color: hsl(185 75% 65%);
  border-color: oklch(0.834 0.108 204.2);
}

Tailwind CSS v4

@theme {
  --color-summer-of-82: #65dde9;
  --color-summer-of-82-50: #d2ffff;
  --color-summer-of-82-100: #bef3fa;
  --color-summer-of-82-200: #9ce2eb;
  --color-summer-of-82-300: #6fc7d3;
  --color-summer-of-82-400: #3bb1bc;
  --color-summer-of-82-500: #009aa7;
  --color-summer-of-82-600: #00828d;
  --color-summer-of-82-700: #006871;
  --color-summer-of-82-800: #004d52;
  --color-summer-of-82-900: #003639;
  --color-summer-of-82-950: #002024;
}

SCSS

$summer-of-82: #65dde9;
$summer-of-82-rgb: 101, 221, 233;
$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);
}