#34767A

CSS

:root {
  --diver-s-eden: #34767a;
  --diver-s-eden-rgb: 52 118 122;
  --diver-s-eden-oklch: oklch(0.525 0.067 200.7);
}

.element {
  color: var(--diver-s-eden);
  background-color: hsl(183 40% 34%);
  border-color: oklch(0.525 0.067 200.7);
}

Tailwind CSS v4

@theme {
  --color-diver-s-eden: #34767a;
  --color-diver-s-eden-50: #e0fbfe;
  --color-diver-s-eden-100: #cfeff2;
  --color-diver-s-eden-200: #b4dde1;
  --color-diver-s-eden-300: #8fc2c6;
  --color-diver-s-eden-400: #6dabae;
  --color-diver-s-eden-500: #4a9498;
  --color-diver-s-eden-600: #407d81;
  --color-diver-s-eden-700: #336467;
  --color-diver-s-eden-800: #234a4b;
  --color-diver-s-eden-900: #183334;
  --color-diver-s-eden-950: #081f1f;
}

SCSS

$diver-s-eden: #34767a;
$diver-s-eden-rgb: 52, 118, 122;
$diver-s-eden-light: mix(#fff, $diver-s-eden, 20%);
$diver-s-eden-dark: mix(#000, $diver-s-eden, 20%);

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