Skip to content

Turquoise

Turquoise is a light, rich color from the cyan family. Hex code #40E0D0.

Turquoise#40E0D0

Color codes

  • CSS nameturquoise
  • HEX#40E0D0
  • RGBrgb(64 224 208)
  • HSLhsl(174 72% 56%)
  • HSB / HSVhsb(174, 71%, 88%)
  • OKLCHoklch(82.2% 0.131 185.1)
  • CMYKcmyk(71%, 0%, 7%, 12%)

White text

1.64:1 · fails WCAG

Black text

12.79:1 · passes WCAG AAA

Shades

50#C8FFF7
100#56F0E0
200#2AD3C3
300#1CB4A6
400#04968A
500#15786E
600#115B54
700#07413B
800#032824

Complementary

#40E0D0
#FAABBC

Analogous

#40E0D0
#79DE9F
#40DAFA

Triadic

#40E0D0
#D5B4FC
#FFB263

About this color

Turquoise in CSS and design

Turquoise is a light, rich color from the cyan family. Turquoise is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: turquoise;
color: #40E0D0;
color: rgb(64 224 208);
color: hsl(174 72% 56%);

For text on turquoise, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for turquoise?

#40E0D0. In CSS you can also use the keyword turquoise, which works in every browser.

What is turquoise in RGB and HSL?

In RGB it is rgb(64 224 208), in HSL hsl(174 72% 56%). For print, cmyk(71%, 0%, 7%, 12%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on turquoise?

Black text works better: it has a contrast ratio of 12.79:1 and passes WCAG AAA. White text reaches 1.64:1.

Which colors go with turquoise?

Its complementary color is #FAABBC, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #79DE9F and #40DAFA. The palette generator builds more combinations.