Turquoise #40E0D0

Turquoise is a bright blue-green with the hex code #40E0D0. It sits between cyan and green, leans slightly toward blue, and is light and fairly saturated, so it looks fresh and clear. Most people connect it with shallow tropical water, swimming pools, and the gemstone the color is named after.

#40E0D0 is the CSS named color turquoise. The gemstone ranges from sky blue to greenish, so turquoise paint, fabric or jewelry can look quite different from this value.

Turquoise color codes
HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
HSVhsv(174, 71%, 88%)
CMYKcmyk(71%, 0%, 7%, 12%)

Text on Turquoise

Black text reads better on Turquoise. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.64:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

12.79:1 · AAA

Colors that go with Turquoise

Turquoise tints and shades

Tints mix Turquoise with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#5DE5D7
#79E9DE
#96EEE5
#B3F3EC
#CFF7F3

Shades

#36BEB1
#2D9D92
#237B72
#1A5A53
#103834

Turquoise color schemes

Color-wheel harmonies built by rotating the hue of #40E0D0 and keeping its saturation and lightness.

Complementary

#40E0D0
#E04050

Analogous

#40E080
#40E0D0
#40A0E0

Triadic

#40E0D0
#D040E0
#E0D040

Split complementary

#40E0D0
#E040A0
#E08040

Tetradic

#40E0D0
#8040E0
#E04050
#A0E040

Turquoise color meaning

The word comes from an old French name meaning 'Turkish,' because the stone reached Europe along trade routes that passed through Turkish lands. That mineral origin still colors how people read the shade: it feels natural, and a little precious.

Turquoise has been worked into jewelry and ornament for a very long time. It is closely tied to Navajo and Zuni silverwork in the American Southwest, and Persia was a famous source of the stone for centuries. What it stands for differs between these traditions, though protection and good fortune come up in many of them.

Away from the gemstone, the color mostly means water and warm weather. Think of resort signage, pool tiles, and summer packaging. It borrows calm from blue and freshness from green, which lets it feel cheerful without the urgency of a warm bright like orange or red.

How to use Turquoise in design

Turquoise does its best work as an accent: a button, a highlight band, an illustration fill. Set dark text on it. Charcoal or deep navy reads cleanly, while white text washes out at normal sizes. As a full-page background it gets tiring on screens, so give it room with white, sand or a soft neutral.

Travel, wellness, and children's brands use it well. In interiors it suits bathrooms, a painted front door, or one statement chair. For summery social posts, the turquoise and coral pairing is reliable.

Palettes with Turquoise tones

Curated palettes with a color close to #40E0D0.

Colors similar to Turquoise

Work with Turquoise

Turquoise FAQ

What is the difference between turquoise and teal?

Teal is darker and more muted. CSS teal is #008080, a deep blue-green with much less light in it, while turquoise (#40E0D0) is bright and airy. Both sit in the same blue-green family. Teal tends to look professional and grounded, and turquoise looks sunny and beachy.

Is turquoise blue or green?

It is a mix of both and leans slightly toward blue. Next to a true green it looks blue, and next to royal blue it looks green, which is why people disagree about it. Most color naming systems file it under cyan or blue-green.