#68D3E4

CSS

:root {
  --summer-of-82: #68d3e4;
  --summer-of-82-rgb: 104 211 228;
  --summer-of-82-oklch: oklch(0.81 0.101 209.1);
}

.element {
  color: var(--summer-of-82);
  background-color: hsl(188 70% 65%);
  border-color: oklch(0.81 0.101 209.1);
}

Tailwind CSS v4

@theme {
  --color-summer-of-82: #68d3e4;
  --color-summer-of-82-50: #d5feff;
  --color-summer-of-82-100: #c2f2fb;
  --color-summer-of-82-200: #a2e1ed;
  --color-summer-of-82-300: #76c6d5;
  --color-summer-of-82-400: #49afbf;
  --color-summer-of-82-500: #0098aa;
  --color-summer-of-82-600: #008090;
  --color-summer-of-82-700: #016773;
  --color-summer-of-82-800: #004c54;
  --color-summer-of-82-900: #01353b;
  --color-summer-of-82-950: #002025;
}

SCSS

$summer-of-82: #68d3e4;
$summer-of-82-rgb: 104, 211, 228;
$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);
}