HubLibraryColor PickerColor ConverterPalette GeneratorImage Color ExtractorContrast CheckerCSS Gradient GeneratorColor MixerRandom Color
Dark Turquoise color swatch #00CED1
Dark Turquoise#00CED1

Color information

Dark Turquoise Color

#00CED1

KDF-C-00052945

Codes & values

  • Color NameDark Turquoise
  • Color IDKDF-C-00052945
  • HEX#00CED1
  • RGBrgb(0, 206, 209)
  • RGBArgba(0, 206, 209, 1)
  • HSLhsl(181, 100%, 41%)
  • HSLAhsla(181, 100%, 41%, 1)
  • HSV / HSBhsv(181, 100%, 82%)
  • CMYKcmyk(100%, 1%, 0%, 18%)
  • Light / Darkmid

Closest named color

#00CED1
Dark Turquoise

Nearest CSS named color to #00CED1 by RGB distance.

Shades

Matching schemes

Complementary, analogous, triadic, split complementary, and monochromatic.

Complementary

Analogous

Triadic

Split complementary

Tetradic

Monochromatic

Similar colors

#00BCD4
Cyan 500
#00ACC1
Cyan 600
#26C6DA
Cyan 400
#00BFFF
Deep Sky Blue
#0EA5E9
Sky
#03A9F4
Light Blue 500
#039BE5
Light Blue 600
#20B2AA
Light Sea Green

Quick answers

What is the HEX code for Dark Turquoise?
#00CED1
What is Dark Turquoise RGB?
rgb(0, 206, 209)
What is Dark Turquoise HSL?
hsl(181, 100%, 41%)
What is Dark Turquoise CMYK?
cmyk(100%, 1%, 0%, 18%)

What is Dark Turquoise?

Dark Turquoise is a curated cyan family color at #00CED1. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..

Dark Turquoise HEX code

The HEX code for Dark Turquoise is #00CED1. Paste it into CSS as color: #00CED1; or background-color: #00CED1;. Design tools accept the same six-digit value without the # prefix (00ced1).

Dark Turquoise RGB

Dark Turquoise in RGB is rgb(0, 206, 209) (channels R 0, G 206, B 209). Use RGB when you need opacity via rgba(0, 206, 209, 1).

Dark Turquoise HSL & HSV

HSL is hsl(181, 100%, 41%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(181, 100%, 82%), closer to how many digital pickers expose hue, saturation, and brightness.

Dark Turquoise CMYK

Approximate CMYK for Dark Turquoise is cmyk(100%, 1%, 0%, 18%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.

Shades of Dark Turquoise

Darker shades (mixed toward black): #00ACAE, #00898B, #006769, #004546, #002223. Use deeper shades for hover states, borders, and dark-mode accents.

Tints of Dark Turquoise

Lighter tints (mixed toward white): #2BD6D9, #55DEE0, #80E7E8, #AAEFF0, #D5F7F7. Tints work well for soft backgrounds, chips, and secondary buttons.

Colors that go with Dark Turquoise

Complementary pairing: #00CED1, #D10300. Analogous neighbors: #00D16C, #00CED1, #0065D1. Triadic accents: #00CED1, #D100CE, #CED100. Always check text contrast when pairing.

Dark Turquoise color combinations

A practical combo: primary #00CED1, complementary accent #D10300, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #00CED1, #D10065, #D16C00.

Dark Turquoise in web design

Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.

Dark Turquoise in branding

Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 1.95:1 (better as a large accent or background than small body text); vs black 10.75:1.

Dark Turquoise as a neon accent

Dark Turquoise reads neon/electric. Prefer dark backgrounds, use sparingly for logos and nightlife creatives, and verify contrast for any overlaid text.

Frequently asked questions

What is the HEX code for Dark Turquoise?
Dark Turquoise: #00CED1.
What is Dark Turquoise RGB?
Dark Turquoise: rgb(0, 206, 209).
What is Dark Turquoise HSL?
Dark Turquoise: hsl(181, 100%, 41%).
What is Dark Turquoise CMYK?
Dark Turquoise: cmyk(100%, 1%, 0%, 18%).
What colors go with Dark Turquoise?
Try complementary #00CED1, #D10300 or analogous #00D16C, #00CED1, #0065D1.
Is Dark Turquoise good for text on white?
Not ideal for small body text (1.95:1). Use as a large heading, button, or background instead.

Accessibility snapshot

Contrast vs white: 1.95:1 (prefer large accent or background). Contrast vs black: 10.75:1. Complementary swatch: #00CED1, #D10300.

Explore related

Related colors

Same family — open any page for codes and combinations.

#00FFFF
Aqua
#7FFFD4
Aquamarine
#5F9EA0
Cadet Blue
#008B8B
Dark Cyan
#00BFFF
Deep Sky Blue
#ADD8E6
Light Blue
#20B2AA
Light Sea Green
#B0E0E6
Powder Blue