Dark turquoise is a rich, calming shade blending blue and green. It sits between teal--a deep blue-green--and classic turquoise on the color wheel. This jewel-like hue is perfect for adding a serene vibe to designs. Pair it with coral or gold for a striking contrast in your projects.
Dark turquoise is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #00CED1
- RGB value: 0.0% red, 80.8% green, 82.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as dark turquoise, consider:
- Dark Cyan (#008B8B): ** Dark cyan closely matches dark turquoise with its rich blue-green blend, capturing the deep, aquatic essence that defines both hues.
- Teal (#069494): ** Teal presents a slightly brighter take on dark turquoise, maintaining the signature jewel-like quality with its balanced fusion of blue and green.
- Jade Green (#00BB77): ** Jade green offers a more vibrant variation while sharing the serene, aquatic hue characteristic of dark turquoise tones.
- Mint Blue (#98FBCB): ** Mint blue delivers a lighter and fresher version, echoing the soothing marine tint and invigorating qualities akin to dark turquoise.
To complement Dark Turquoise (#00CED1), consider pairing it with:
- Coral (#FF8559): The warm, soft hues of coral provide a striking contrast to Dark Turquoise's cool, aquatic depth, creating a lively and balanced look.
- Peach (#FFD3AC): With its muted, gentle tones, peach complements the vibrant freshness of Dark Turquoise, offering a serene and harmonious combination.
- Mustard Yellow (#FFCE1B): The rich, earthy tones of mustard yellow create a bold and energizing contrast with the cool, deep blue-green of Dark Turquoise, reminiscent of a sunny marine day.
- Lavender (#D3D3FF): The soft, pastel quality of lavender balances Dark Turquoise’s intensity, introducing a sense of calm and tranquility to your palette.
- Salmon Pink (#FF91A4): This playful color enhances the oceanic vibes of Dark Turquoise, adding an element of warmth and whimsy to your design.
While Dark turquoise is a captivating deep blue-green that evokes an aquatic hue, it may clash with:
- Neon Pink (#FF13F0): Neon pink's intense brightness competes with dark turquoise, creating a disorienting contrast.
- Burnt Orange (#BE5103): This warm, rich shade contrasts sharply with dark turquoise’s cool marine tint, resulting in a visually discordant pairing.
- Scarlet (#ED2100): Scarlet’s vivid red warmth can overpower dark turquoise’s calming nature, causing visual tension.
- Chartreuse (#CCFF00): This vibrant yellow-green hue overshadows dark turquoise, clashing with its oceanic depth and creating a jarring effect.
- Fuchsia (#FF00FF): Fuchsia’s saturated vibrancy offers a stark contrast to dark turquoise, leading to a palette that feels visually aggressive.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Tropical Ember
Teal Ember
Aqua Chic
Contrast checker
Contrast 1.95
- Large Text
#00CED1
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 10.75
- Large Text
#00CED1
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #00CED1, known as Dark turquoise, has RGB values of R:0, G:206, B:209 and CMYK values of C:100, M:1, Y:0, K:18.
| VALUE | CSS | |
|---|---|---|
| HEX | #00CED1 | #00CED1 |
| RGB DECIMAL | 0, 206, 209 | RGB(0,206,209) |
| RGB PERCENTAGE | 0.0, 80.8, 82.0 | RGB(0.0%,80.8%,82.0%) |
| CMYK | 100, 1, 0, 18 | |
| HSL | HSL(180.9, 100.0%, 41.0%) | HSL(180.9, 100.0%, 41.0%) |
| HSV (OR HSB) | 180.9°, 100.0, 82.0 | |
| WEB SAFE | #0204204 | #0204204 |
| BINARY | 00000000, 11001110, 11010001 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.820) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.820, alpha: 1) | |
| Android - Compose | Color(0xFF00CED1) |
