Dark Turquoise

HEX: #00CED1 | Modern Palette

On White
1.95:1
FAIL
On Black
10.75:1
PASS

Color Specifications

HEX
#00CED1
RGB
0, 206, 209
HSL
180°, 100% ,41%
CMYK
100, 1, 0, 18

About Dark Turquoise

Dark Turquoise (#00CED1) is a color with RGB(0, 206, 209) and HSL(180.9°, 100%, 41%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #D10300, which creates strong contrast. Its triadic palette includes #D100CE and #CED100. The name comes from Dark Turquoise (English).

  • HEX: #00CED1
  • RGB: 0, 206, 209
  • HSL: 180.9°, 100%, 41%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #D10300
  • Triadic colors: #D100CE, #CED100
  • The name comes from Dark Turquoise (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dark Turquoise #00CED1 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
DARK TURQUOISE
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DARK TURQUOISE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
DARK TURQUOISE
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Dark Turquoise #00CED1 pairs with #D10300 as its complementary color, and #D100CE and #CED100 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

DARK TURQUOISE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

DARK TURQUOISE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

DARK TURQUOISE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

DARK TURQUOISE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

DARK TURQUOISE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

DARK TURQUOISE

Shades & Tints

The shade and tint range for Dark Turquoise #00CED1 moves from dark #00191A tones through the base color to lighter #E6FFFF tones, making it useful for depth, hierarchy, and background variation.

DARK TURQUOISE

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #B1B1D3
Protanopia #C4C4D1
Tritanopia #00CECE
Achromatopsia #B9B9B9

Frequently Asked Questions

Dark Turquoise (#00CED1) is a color with RGB(0, 206, 209) and HSL(180.9°, 100%, 41%).

#00CED1 pairs strongly with #D10300 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00CED1 is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#00CED1 is commonly associated with Bold.

The name Dark Turquoise is linked to Dark Turquoise from English, meaning A darker shade of the color turquoise..

Name, History & Etymology

Origin Word Dark Turquoise
Meaning A darker shade of the color turquoise.
Language English
First Recorded Use Late 19th to Early 20th Century (as a specific color name)

History

Turquoise as a color name is directly linked to the gemstone turquoise, which has been prized for millennia across various cultures (Egyptian, Persian, Native American). The gemstone's color varies from sky-blue to green, often with a waxy luster. When color naming became more granular, 'dark turquoise' emerged to distinguish deeper, richer variations from lighter or more vibrant ones. It is a recognized color in various digital and print color standards, such as X11 color names (where #00CED1 is 'DarkTurquoise').

First Recorded Use

The term 'turquoise' for the color itself became common in English around the 16th century, derived from the French word for 'Turkish' (referring to the origin of the gemstone). The specific modifier 'dark' to denote a particular shade would have naturally followed as color naming became more precise, likely gaining traction in the late 19th or early 20th century with the advent of standardized color systems and widespread use of color in design and fashion.

Cultural Associations

Turquoise, in general, is often associated with tranquility, wisdom, protection, and good fortune in many cultures. It is a popular color in jewelry, art, and interior design. Darker shades like 'dark turquoise' can evoke a sense of sophistication, depth, and richness, sometimes reminiscent of deep ocean waters or ancient, weathered artifacts. It is less common as a primary symbolic color compared to general turquoise but carries similar underlying connotations.

Similar Named Colors
Robin Egg Blue #00CCCC ΔE 1.17
Robin's Egg Blue #1FCECB ΔE 2.03
Medium Turquoise #48D1CC ΔE 3.22
Turquoise #30D5C8 ΔE 5.62

Code Snippets

/* Background */
.element {
    background-color: #00CED1;
}

/* Text */
.element {
    color: #00CED1;
}

/* Border */
.element {
    border: 1px solid #00CED1;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #00CED1,
        #D10300
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00CED1,
        #D10300
    );
}

// SCSS variable
$dark-turquoise: #00CED1;

// With RGB channels (useful for rgba() usage)
$dark-turquoise-r: 0;
$dark-turquoise-g: 206;
$dark-turquoise-b: 209;

// Usage
.element {
    background-color: $dark-turquoise;
    color: rgba($dark-turquoise-r, $dark-turquoise-g, $dark-turquoise-b, 0.8);
}