Skip to content

Dark turquoise

Dark turquoise is a medium, vivid color from the cyan family. Hex code #00CED1.

Dark turquoise#00CED1

Color codes

  • CSS namedarkturquoise
  • HEX#00CED1
  • RGBrgb(0 206 209)
  • HSLhsl(181 100% 41%)
  • HSB / HSVhsb(181, 100%, 82%)
  • OKLCHoklch(77.2% 0.131 196.6)
  • CMYKcmyk(100%, 1%, 0%, 18%)

White text

1.95:1 · fails WCAG

Black text

10.74:1 · passes WCAG AAA

Shades

50#C6FEFF
100#4BEFF2
200#12D1D4
300#00B3B5
400#209395
500#087779
600#0A5B5C
700#024041
800#012828

Complementary

#00CED1
#FD9097

Analogous

#00CED1
#4ECFA2
#3EC5F5

Triadic

#00CED1
#D69AED
#E4A948

About this color

Dark turquoise in CSS and design

Dark turquoise is a medium, vivid color from the cyan family. Dark 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: darkturquoise;
color: #00CED1;
color: rgb(0 206 209);
color: hsl(181 100% 41%);

For text on dark 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 dark turquoise?

#00CED1. In CSS you can also use the keyword darkturquoise, which works in every browser.

What is dark turquoise in RGB and HSL?

In RGB it is rgb(0 206 209), in HSL hsl(181 100% 41%). For print, cmyk(100%, 1%, 0%, 18%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on dark turquoise?

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

Which colors go with dark turquoise?

Its complementary color is #FD9097, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #4ECFA2 and #3EC5F5. The palette generator builds more combinations.