Dark Teal Blue Color

/* Dark Teal Blue Color */
:root {
  --color-dark-teal-blue-color: #008080;
  --color-dark-teal-blue-color-rgb: 0, 128, 128;
}

.element {
  background-color: var(--color-dark-teal-blue-color);
  color: rgba(var(--color-dark-teal-blue-color-rgb), 0.8);
}

// Dark Teal Blue Color Variables
$dark-teal-blue-color: #008080;
$dark-teal-blue-color-rgb: 0, 128, 128;

// Usage
.element {
  background-color: $dark-teal-blue-color;
  border-color: darken($dark-teal-blue-color, 10%);
  box-shadow: 0 4px 6px rgba($dark-teal-blue-color-rgb, 0.2);
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'dark-teal-blue-color': '#008080',
        'dark-teal-blue-color-light': '#00CCCC',
        'dark-teal-blue-color-dark': '#003333',
      },
    },
  },
}

{
  "name": "Dark Teal Blue Color",
  "hex": "#008080",
  "rgb": {
    "r": 0,
    "g": 128,
    "b": 128
  },
  "hsl": {
    "h": 180,
    "s": 100,
    "l": 25
  }
}