Teal Hex Code: #008080

Explore teal (#008080) with RGB & HSL values, 10 shades and tints, and complementary color harmonies.

Color
#008080

Hex

RGB

HSL

Red

0

Green

128

Blue

128

Teal Shades & Tints

Shades (Darker)

#006B6B

#005757

#004242

#002929

#001414

Base Color

#008080

Tints (Lighter)

#00C2C2

#00FFFF

#42FFFF

#80FFFF

#C2FFFF

Color Harmonies

Complementary

#008080

#800000

Analogous

#008040

#008080

#004080

Triadic

#008080

#800080

#808000

Split-Complementary

#008080

#800040

#804000

About Teal

Teal is a blue-green color named after the Eurasian teal duck, which has a similar colored stripe on its head. It combines the calming properties of blue with the renewal qualities of green. Teal is popular in modern web design for buttons, accents, and branding. It conveys clarity, open communication, and sophistication.

About Teal

Teal is a blue-green color named after the Eurasian teal duck, which has a similar colored stripe on its head. It combines the calming properties of blue with the renewal qualities of green. Teal is popular in modern web design for buttons, accents, and branding. It conveys clarity, open communication, and sophistication.

Frequently Asked Questions

What is the hex code for teal?
The hex code for teal is #008080. This is also the CSS named color 'teal'.
What are the RGB values for teal?
The RGB values for teal (#008080) are R: 0, G: 128, B: 128.
What is the difference between teal and cyan?
Teal (#008080) is darker and more muted, while cyan (#00FFFF) is bright and vivid. Teal has equal parts green and blue at half brightness.
What colors go with teal?
Teal pairs well with coral (#FF7F50), gold (#FFD700), cream (#FFFDD0), white (#FFFFFF), and warm gray. It also works with navy for a tonal look.