Color Codes › Teal vs Turquoise
Teal vs Turquoise
See teal and turquoise side by side with their codes, and a clear explanation of how they differ.
Teal
Hex#008080
RGBrgb(0, 128, 128)
HSLhsl(180, 100%, 25%)
OKLCHoklch(0.54 0.09 195)
Turquoise
Hex#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
OKLCHoklch(0.82 0.13 185)
The difference between teal and turquoise
Both are blue-greens, but teal is darker and more subdued while turquoise is brighter and leans more vivid. Teal sits closer to deep ocean; turquoise recalls tropical shallows and the gemstone.
If you are choosing between them for a design, the easiest way to decide is to view both against your background. Drop each hex into the contrast checker to confirm readability, or open the picker to fine-tune either one.
Quick reference
Teal: #008080 · rgb(0, 128, 128) · hsl(180, 100%, 25%)
Turquoise: #40E0D0 · rgb(64, 224, 208) · hsl(174, 72%, 56%)
Frequently asked questions
What is the difference between teal and turquoise?
Both are blue-greens, but teal is darker and more subdued while turquoise is brighter and leans more vivid. Teal sits closer to deep ocean; turquoise recalls tropical shallows and the gemstone.
What is the hex code for teal?
Teal is #008080 (rgb(0, 128, 128)).
What is the hex code for turquoise?
Turquoise is #40E0D0 (rgb(64, 224, 208)).
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →