#6FBDB5

CSS

:root {
  --mintnight: #6fbdb5;
  --mintnight-rgb: 111 189 181;
  --mintnight-oklch: oklch(0.746 0.078 187.2);
}

.element {
  color: var(--mintnight);
  background-color: hsl(174 37% 59%);
  border-color: oklch(0.746 0.078 187.2);
}

Tailwind CSS v4

@theme {
  --color-mintnight: #6fbdb5;
  --color-mintnight-50: #ddfdfa;
  --color-mintnight-100: #cbf1ed;
  --color-mintnight-200: #afe0db;
  --color-mintnight-300: #88c5c0;
  --color-mintnight-400: #65aea6;
  --color-mintnight-500: #3d978f;
  --color-mintnight-600: #358079;
  --color-mintnight-700: #2a6661;
  --color-mintnight-800: #1d4b46;
  --color-mintnight-900: #133430;
  --color-mintnight-950: #05201d;
}

SCSS

$mintnight: #6fbdb5;
$mintnight-rgb: 111, 189, 181;
$mintnight-light: mix(#fff, $mintnight, 20%);
$mintnight-dark: mix(#000, $mintnight, 20%);

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