Degas Blue

CSS

:root {
  --degas-blue: #b0c1c2;
  --degas-blue-rgb: 176 193 194;
  --degas-blue-oklch: oklch(0.798 0.019 201.1);
}

.element {
  color: var(--degas-blue);
  background-color: hsl(183 13% 73%);
  border-color: oklch(0.798 0.019 201.1);
}

Tailwind CSS v4

@theme {
  --color-degas-blue: #b0c1c2;
  --color-degas-blue-50: #eff7f7;
  --color-degas-blue-100: #e1eaeb;
  --color-degas-blue-200: #ccd7d8;
  --color-degas-blue-300: #adbabc;
  --color-degas-blue-400: #92a2a3;
  --color-degas-blue-500: #788a8b;
  --color-degas-blue-600: #667576;
  --color-degas-blue-700: #515d5e;
  --color-degas-blue-800: #3b4445;
  --color-degas-blue-900: #292f30;
  --color-degas-blue-950: #161c1c;
}

SCSS

$degas-blue: #b0c1c2;
$degas-blue-rgb: 176, 193, 194;
$degas-blue-light: mix(#fff, $degas-blue, 20%);
$degas-blue-dark: mix(#000, $degas-blue, 20%);

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