Skip to content
  • No data uploaded
  • Instant results

Dark Turquoise — #00CED1

Dark Turquoise is the CSS named colour darkturquoise, hex #00CED1. It has a contrast ratio of 1.95:1 on white and 10.75:1 on black — best used as text on dark backgrounds.

Dark Turquoise — #00CED1

Contrast on white 1.95:1 · on black 10.75:1

Tints
Shades
Complementary
Triadic
Analogous

Free Dark Turquoise — #00CED1 by pGento

Using Dark Turquoise in code

CSS: color: darkturquoise; or color: #00CED1; · Tailwind: text-[#00CED1] · Android/Flutter: 0xFF00CED1

Dark Turquoise colour harmonies

Complementary: #D10300 · Triadic: #D100CE, #CED100 · Analogous: #00D16C, #0065D1. Use tints for backgrounds and shades for hover states.

Dark Turquoise in every colour format

FormatValue
HEX#00CED1
RGBrgb(0, 206, 209)
HSLhsl(181, 100%, 41%)
HSVhsv(181, 100%, 82%)
CMYKcmyk(100%, 1%, 0%, 18%)
CSS namedarkturquoise
Contrast on white1.95:1
Contrast on black10.75:1

Frequently asked questions

What is the hex code for Dark Turquoise?
#00CED1 (CSS name: darkturquoise).
What is Dark Turquoise in RGB?
rgb(0, 206, 209)
What colour goes well with Dark Turquoise?
Its complementary colour #D10300, or the analogous #00D16C and #0065D1.
Dark Turquoise — #00CED1

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.