Teal Color
Hex Code: #14B8A6 · teal
About Teal
Teal is a cyan-like color situated between blue and green on the color spectrum. Named after the common teal duck whose plumage features this distinctive shade, teal has an almost unique quality in that it successfully combines the calm trustworthiness of blue with the fresh energy of green. This makes it exceptionally versatile and consistently popular in brand identity design.
Is Teal Right for Your Project?
Choose Teal for
Teal is exceptionally versatile and works across many design contexts. It pairs beautifully with coral, orange, gold, white, and warm gray. Popular in healthcare, technology, wellness, and fashion. It works particularly well as a brand color because it stands out from both blue and green competitors. It shows up in 4 palettes in Colortion's library spanning a calm, energetic range of moods.
Look elsewhere for
Traditional, heritage-driven branding — teal reads modern and can feel out of place there. Browse all colors to find a hue with a better fit.
Teal Tints & Shades
Lighter and darker variants of Teal — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Teal Color Harmonies
Other hues computed from Teal's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Teal
Colors That Go With Teal
These colors complement Teal beautifully in design projects.
How to Use Teal in Design
Teal is exceptionally versatile and works across many design contexts. It pairs beautifully with coral, orange, gold, white, and warm gray. Popular in healthcare, technology, wellness, and fashion. It works particularly well as a brand color because it stands out from both blue and green competitors.
Teals shift between blue-leaning and green-leaning depending on the exact hue, so contrast behavior varies more than the name suggests. Use #14B8A6 ( hsl(174, 80%, 40%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Teal is most often paired with Coral. Start from #14B8A6 in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Teal Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Teal (this page) | #14B8A6 | 40% |
| Navy Blue | #1B2A4A | 20% |
| Emerald Green | #50C878 | 55% |
| Coral | #FF6B6B | 71% |
| Cobalt Blue | #0047AB | 34% |
| Lavender | #B89AC4 | 69% |
Frequently Asked Questions
What is the hex code for Teal?
The hex code for Teal is #14B8A6. The RGB value is rgb(20, 184, 166) and the HSL value is hsl(174, 80%, 40%).
What colors go with Teal?
Teal pairs well with Coral — see the tints, shades, and comparison table below for exact values to build from.
What is Teal used for in design?
Teal is exceptionally versatile and works across many design contexts. It pairs beautifully with coral, orange, gold, white, and warm gray. Popular in healthcare, technology, wellness, and fashion. It works particularly well as a brand color because it stands out from both blue and green competitors.