Black text 12.7:1
Turquoise is the bright blue-green of tropical water and the gemstone it is named after.
Here are 25 named shades of turquoise and aqua - Tiffany Blue, Robin Egg Blue, Aquamarine and more - with HEX, RGB, HSL and CMYK codes.
Click a code to copy it, or download every shade for your design app.
Light Cyan - lightest25 shades sorted light to darkdarkest - Blue Green
Download all 25 shades of turquoise
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from Turquoise (#40E0D0), evenly spaced in OKLCH lightness. Paste any other turquoise 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.
#40E0D0rgb(64, 224, 208)hsl(174, 72%, 56%)cmyk(71%, 0%, 7%, 12%)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: #e8fcf9;
--brand-100: #bcf9f0;
--brand-200: #69f5e5;
--brand-300: #40e0d0;
--brand-400: #00bfb0;
--brand-500: #00a296;
--brand-600: #00877c;
--brand-700: #006f66;
--brand-800: #105952;
--brand-900: #144742;
--brand-950: #102c29;
}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 Turquoise (#40E0D0). Click a group to open it on the wheel.
#E04050 Vermilion
Analogous
Next-door neighbors - calm and harmonious
#40E080 Pastel Green#40A0E0 Carolina Blue
Triadic
Three evenly spaced hues - bold and balanced
#D040E0 Medium Orchid#E0D040 Citrine
Split complementary
The two neighbors of the opposite - contrast with less tension
#E040A0 Raspberry Pink#E08040 Raw Sienna
Turquoise feels fresh, clear and uplifting - beaches, swimming pools and summer. It brings the calm of blue and the energy of green together.
The name comes from the Old French for Turkish, because the gemstone first reached Europe through Turkey. Turquoise has been prized as jewelry for thousands of years.
Pantone made Turquoise its Color of the Year in 2010. Tiffany Blue, a trademarked robin-egg turquoise, became one of the most recognizable brand colors in the world.
See turquoise in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact turquoise? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
Turquoise is #40E0D0, which is rgb(64, 224, 208) and hsl(174, 72%, 56%). For print it is about 71% cyan, 0% magenta, 7% yellow and 12% black. It is also a CSS color keyword, so you can simply write turquoise in your stylesheet.
There is no fixed number - any turquoise can be made lighter, darker or more muted. This page lists 25 named shades, from Light Cyan (#E0FFFF) to Blue Green (#0D98BA). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any turquoise.
Turquoise (#40E0D0) has a contrast ratio of 1.64:1 on white and 12.79:1 on black, so it reads best on dark backgrounds or with dark text on top of it. None of the named turquoise shades here reach the 4.5:1 minimum on white, so use turquoise as a background with dark text instead. Test any pair with the Contrast Checker.
Aqua (#00FFFF) is pure cyan - equal blue and green at full strength. Turquoise (#40E0D0) is a little greener and softer, with a touch of red mixed in.
Tiffany Blue is commonly given as #0ABAB5. The exact shade is a trademark of Tiffany & Co., matched to its own custom Pantone color.
It is a blue-green. Its hue, 174° in HSL, sits slightly on the green side of cyan (180°). Deeper versions are on shades of teal.