DarkTurquoise Color — HEX, RGB, HSL, Palettes & Contrast

DarkTurquoise (#00ced1): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#00ced1
HEX #00ced1
RGB rgb(0, 206, 209)
HSL 181°, 100%, 41%

Use DarkTurquoise in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About DarkTurquoise Color

DarkTurquoise is a vibrant blue-green that feels both tropical and technological. It stands out beautifully as an accent in modern interfaces.

Use Cases for DarkTurquoise

accentsmodern UItropical themestech brandsjewelry design

Shades & Tints of DarkTurquoise

#ffffff
#bff3f4
#80e7e8
#40dadd
#00ced1
#009b9d
#006769
#003434
#000000

Complementary Color

#00ced1
#d10300

Analogous Colors

#00d16c
#00ced1
#0065d1

Triadic Colors

#00ced1
#d100ce
#ced100

Split Complementary

#00ced1
#d10065
#d16c00

Tetradic Colors

#00ced1
#0300d1
#d10300
#ced100

CSS Code

.darkturquoise-color {
  color: #00ced1;
  background-color: #00ced1;
}

/* As a CSS custom property */
:root {
  --color-darkturquoise: #00ced1;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DarkTurquoise
Ratio: 10.75:1 ✓ Passes AA ✓ Passes AAA
White text on DarkTurquoise
Ratio: 1.95:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Turquoise
MediumTurquoise
LightSeaGreen
Aqua
Cyan

Related Tools

Frequently Asked Questions

What color is DarkTurquoise?

DarkTurquoise is represented by the hex code #00ced1 and has RGB values of rgb(0, 206, 209). It falls under the Teal category.

How to use DarkTurquoise in web design?

DarkTurquoise works well for accents, modern UI, tropical themes. DarkTurquoise is a vibrant blue-green that feels both tropical and technological. It stands out beautifully as an accent in modern interfaces. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DarkTurquoise?

Colors that pair well with DarkTurquoise include turquoise, mediumturquoise, lightseagreen, aqua, cyan. For a complementary scheme, try #d10300. For an analogous scheme, use #00d16c and #0065d1. For a triadic scheme, combine with #d100ce and #ced100.