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.
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.
When working with Teal digitally, always verify contrast ratios between the color and any text placed on top of it. Use the hex code #14B8A6 directly in your CSS, Figma, or design tool of choice. For print projects, ask your printer for the equivalent CMYK or Pantone value to ensure accurate color reproduction.
Use #14B8A6 as a starting point in the Colortion palette generator to explore harmonious combinations built around Teal.
Similar Colors
All colorsFrequently 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. These combinations work together to create harmonious, balanced designs across web, print, and interior applications.
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.