#8BC2D1

CSS

:root {
  --dolphin: #8bc2d1;
  --dolphin-rgb: 139 194 209;
  --dolphin-oklch: oklch(0.781 0.061 216.5);
}

.element {
  color: var(--dolphin);
  background-color: hsl(193 43% 68%);
  border-color: oklch(0.781 0.061 216.5);
}

Tailwind CSS v4

@theme {
  --color-dolphin: #8bc2d1;
  --color-dolphin-50: #e3faff;
  --color-dolphin-100: #d2edf6;
  --color-dolphin-200: #b8dbe6;
  --color-dolphin-300: #95bfcc;
  --color-dolphin-400: #75a8b6;
  --color-dolphin-500: #5490a0;
  --color-dolphin-600: #487a87;
  --color-dolphin-700: #39626d;
  --color-dolphin-800: #28484f;
  --color-dolphin-900: #1b3237;
  --color-dolphin-950: #0b1e22;
}

SCSS

$dolphin: #8bc2d1;
$dolphin-rgb: 139, 194, 209;
$dolphin-light: mix(#fff, $dolphin, 20%);
$dolphin-dark: mix(#000, $dolphin, 20%);

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