Dark Turquoise #00CED1

Dark Turquoise#00CED1 · rgb(0, 206, 209)

Dark Turquoise color codes

CSS namedarkturquoise
HEX#00CED1
RGBrgb(0, 206, 209)
HSLhsl(181, 100%, 41%)
CMYKcmyk(100%, 1%, 0%, 18%)
Decimal52945

Shades of Dark Turquoise (darker)

#00B9BC · #00A5A7 · #009092 · #007C7D · #006769 · #005254 · #003E3F · #00292A · #001515

Tints of Dark Turquoise (lighter)

#1AD3D6 · #33D8DA · #4DDDDF · #66E2E3 · #80E7E8 · #99EBED · #B3F0F1 · #CCF5F6 · #E6FAFA

Color harmonies

Complementary
#D10300
Triadic
#D100CE, #CED100
Analogous
#00D16C, #0065D1

Accessibility (WCAG contrast)

White text on Dark Turquoise1.95:1 · Fail
Black text on Dark Turquoise10.75:1 · AAA

Use Dark Turquoise in code

.element {
  color: darkturquoise;          /* or #00ced1 */
  background-color: rgb(0 206 209 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Turquoise?

Dark Turquoise is #00CED1 in HEX, rgb(0, 206, 209) in RGB and hsl(181, 100%, 41%) in HSL.

Can I use "darkturquoise" directly in CSS?

Yes. "darkturquoise" is one of the 148 standard CSS named colors, so color: darkturquoise; works in every browser.

Is Dark Turquoise readable on white?

The contrast ratio of Dark Turquoise on white is 1.95:1 (WCAG Fail). On black it is 10.75:1 (AAA).

What is the complementary color of Dark Turquoise?

The complementary color (opposite on the color wheel) is #D10300.

Similar colors

Deep Sky Blue#00BFFFLight Sea Green#20B2AATurquoise#40E0D0Aqua#00FFFFCyan#00FFFFMedium Spring Green#00FA9AMedium Turquoise#48D1CCDodger Blue#1E90FF

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.