Teal
#008080 · rgb(0, 128, 128) · hsl(180, 100%, 25%)
A blue-green named after the duck. Balanced, calm, and versatile.
Teal color codes
| HEX | #008080 |
| RGB | rgb(0, 128, 128) |
| HSL | hsl(180, 100%, 25%) |
| CMYK | cmyk(100%, 0%, 0%, 50%) |
| CSS | color: #008080; |
| SCSS | $teal: #008080; |
Color schemes with Teal
Complementary:#008080 #800000
Analogous:#008040 #008080 #004080
Triadic:#008080 #800080 #808000
How to use this color
Copy any code above to use Teal in your design. Use the HEX or RGB value for screens and CSS, the CMYK value for print, and the color-scheme swatches to build a matching palette. Every value is exact and copy-ready.