#3C7F93

CSS

:root {
  --pacific-pleasure: #3c7f93;
  --pacific-pleasure-rgb: 60 127 147;
  --pacific-pleasure-oklch: oklch(0.561 0.074 220.1);
}

.element {
  color: var(--pacific-pleasure);
  background-color: hsl(194 42% 41%);
  border-color: oklch(0.561 0.074 220.1);
}

Tailwind CSS v4

@theme {
  --color-pacific-pleasure: #3c7f93;
  --color-pacific-pleasure-50: #dffbff;
  --color-pacific-pleasure-100: #ceeefa;
  --color-pacific-pleasure-200: #b2dceb;
  --color-pacific-pleasure-300: #8dc1d3;
  --color-pacific-pleasure-400: #6ba9bd;
  --color-pacific-pleasure-500: #4692a8;
  --color-pacific-pleasure-600: #3d7b8e;
  --color-pacific-pleasure-700: #306372;
  --color-pacific-pleasure-800: #214953;
  --color-pacific-pleasure-900: #16323a;
  --color-pacific-pleasure-950: #071e24;
}

SCSS

$pacific-pleasure: #3c7f93;
$pacific-pleasure-rgb: 60, 127, 147;
$pacific-pleasure-light: mix(#fff, $pacific-pleasure, 20%);
$pacific-pleasure-dark: mix(#000, $pacific-pleasure, 20%);

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