Teal Hex Code: #008080
Explore teal (#008080) with RGB & HSL values, 10 shades and tints, and complementary color harmonies.
#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.
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.