White text 4.7:1
Teal is the deep blue-green between ocean and forest.
Here are 28 named shades of teal, from Light Sea Green and Keppel to Midnight Green and Deep Jungle Green, with HEX, RGB, HSL and CMYK codes.
Click a code to copy it, or open any teal in the scale generator.
Light Sea Green - lightest28 shades sorted light to darkdarkest - Midnight Green
Download all 28 shades of teal
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from Teal (#008080), evenly spaced in OKLCH lightness. Paste any other teal to build its own scale, or click a swatch for its codes and contrast.
Something went wrong. Please try again.
Still having trouble? Please contact us and we'll be happy to help!
Hmm, that doesn't look like a color yet. Try #3399cc, rgb(51, 153, 204), hsl(200, 60%, 50%) or a name like Cobalt.
#008080rgb(0, 128, 128)hsl(180, 100%, 25%)cmyk(100%, 0%, 0%, 50%)Tints mixed with white
Shades mixed with black
Tones mixed with gray
Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.
:root {
--brand-50: #e8fcfb;
--brand-100: #b5f8f7;
--brand-200: #72eeed;
--brand-300: #4ed5d5;
--brand-400: #24b6b6;
--brand-500: #009b9b;
--brand-600: #008080;
--brand-700: #106969;
--brand-800: #185555;
--brand-900: #184444;
--brand-950: #122b2b;
}Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.
Using the same color wheel maths as our Color Wheel, these are the harmonies for Teal (#008080). Click a group to open it on the wheel.
#800000 Maroon
Analogous
Next-door neighbors - calm and harmonious
#008040 Green#004080 Dark Cerulean
Triadic
Three evenly spaced hues - bold and balanced
#800080 Purple#808000 Olive Drab
Split complementary
The two neighbors of the opposite - contrast with less tension
#800040 Claret#804000 Chocolate
Teal feels calm, balanced and a little sophisticated. It borrows trust from blue and freshness from green, so it suits healthcare, finance and wellness brands alike.
The name comes from the Eurasian teal, a small duck with a blue-green stripe around its eye. It was first used as a color name in English in the early 20th century.
Teal also has a famous partner in film: the teal-and-orange color grade, which pushes shadows toward teal and skin tones toward orange so actors stand out.
See teal in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact teal? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
Teal is #008080, which is rgb(0, 128, 128) and hsl(180, 100%, 25%). For print it is about 100% cyan, 0% magenta, 0% yellow and 50% black. It is also a CSS color keyword, so you can simply write teal in your stylesheet.
There is no fixed number - any teal can be made lighter, darker or more muted. This page lists 28 named shades, from Light Sea Green (#20B2AA) to Midnight Green (#004953). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any teal.
Teal (#008080) has a contrast ratio of 4.77:1 on white, which passes WCAG AA for normal text. On black it reaches 4.39:1, so use it as text on light backgrounds, or put white text on it. Test any pair with the Contrast Checker.
Teal (#008080) is darker and more muted. Turquoise (#40E0D0) is much lighter and brighter, like tropical water. See the lighter tones on shades of turquoise.
Teal is right in between - in HSL its hue is exactly 180°, the cyan point halfway between green (120°) and blue (240°). Darker versions lean blue, like Teal Blue (#367588); others lean green, like Teal Green (#00827F).
Coral, orange, mustard, cream and gold all pair well with teal. For a calm look, combine it with grays and white; for a bold one, use hot pink.