#008080
HEX
#008080 RGB
rgb(0, 128, 128) HSL
180°, 100%, 25% About Teal Color
Teal blends blue's stability with green's renewal. It feels modern, fresh, and sophisticated — ideal for tech startups and health brands.
Use Cases for Teal
tech brandinghealthcaremodern UImeditation appsenvironmental themes
Shades & Tints of Teal
#ffffff
#bfdfdf
#80c0c0
#40a0a0
#008080
#006060
#004040
#002020
#000000
Complementary Color
#008080
#800000
Analogous Colors
#008040
#008080
#004080
CSS Code
.teal-color {
color: #008080;
}Contrast Recommendations
Black text on Teal
Ratio: 4.4:1 ✗ Fails AA ✗ Fails AAA
White text on Teal
Ratio: 4.77:1 ✓ Passes AA ✗ Fails AAA
Frequently Asked Questions
What color is Teal?
Teal is represented by the hex code #008080 and has RGB values of rgb(0, 128, 128). It falls under the Teal category.
How to use Teal in web design?
Teal works well for tech branding, healthcare, modern UI. Teal blends blue's stability with green's renewal. It feels modern, fresh, and sophisticated — ideal for tech startups and health brands. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Teal?
Colors that pair well with Teal include darkcyan, cadetblue, lightseagreen, turquoise, mediumturquoise. For a complementary scheme, try #800000. For an analogous scheme, use #008040 and #004080.