Dark cyan is a calming, deep blue-green hue. On the color wheel, it lies between blue and green. This rich, balanced shade evokes tranquility. Related shades include teal and petrol blue. Use dark cyan to create a serene and sophisticated feel in designs.
Dark Cyan is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #008B8B
- RGB value: 0.0% red, 54.5% green, 54.5% 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 Cyan, consider:
- Teal (#069494): Teal combines the base of green with blue undertones, similar to Dark Cyan's blend of both hues for a balanced, calming tone.
- Blue-green (#00cec8): Blue-green offers a fresh, vibrant balance with a clear tint of both blue and green, much like Dark Cyan's harmonious mix.
- Peacock Blue (#096c6c): With its deep, rich character, Peacock Blue shares Dark Cyan's depth and complexity, both featuring a sophisticated blend of blue and green.
- Turquoise (#40e0d0): Turquoise showcases a vivid mixture of blue and green, echoing Dark Cyan's cool, refreshing vibe with a slightly brighter twist.
To complement Dark Cyan, consider pairing it with:
- Coral (#FF8559): Light and vibrant, coral complements dark cyan by adding warmth and a touch of playful contrast.
- Peach (#FFD3AC): Offering a soft, earthy counterbalance, peach interacts harmoniously with dark cyan for balanced designs.
- Yellow (#FFDE21): Bright and cheerful, yellow contrasts sharply with dark cyan, creating a bold and dynamic pairing.
- Slate Gray (#6D8196): This neutral hue provides a calming backdrop, allowing dark cyan to stand out while maintaining a sophisticated aesthetic.
- Olive Green (#636B2F): Earthy and grounded, olive green enriches dark cyan, highlighting its depth and vibrancy.
While Dark Cyan is sophisticated and soothing, it may clash with:
- Neon Orange (#FF5C00): Neon Orange's intense vibrancy can overwhelm Dark Cyan, creating a stark contrast that feels jarring.
- Bright Yellow (#FFED29): Bright Yellow's high brightness can overpower Dark Cyan's calm, leading to an unbalanced look that's too intense.
- Scarlet (#ED2100): Scarlet’s bold warmth competes with Dark Cyan’s cool tones, resulting in visual tension and disharmony.
- Fuchsia (#FF00FF): Fuchsia’s vivid saturation contrasts sharply with Dark Cyan, potentially creating a clashing, disjointed effect.
- Lime Green (#89F336): Lime Green’s intense brightness sits in stark contrast to Dark Cyan’s subdued hue, leading to a visually discordant palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Seaside Spice
Teal Spice
Aqua Ember
Contrast checker
Contrast 4.15
- Large Text
#008B8B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.07
- Large Text
#008B8B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #008B8B, known as Dark Cyan, has RGB values of R:0, G:139, B:139 and CMYK values of C:100, M:0, Y:0, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #008B8B | #008B8B |
| RGB DECIMAL | 0, 139, 139 | RGB(0,139,139) |
| RGB PERCENTAGE | 0.0, 54.5, 54.5 | RGB(0.0%,54.5%,54.5%) |
| CMYK | 100, 0, 0, 45 | |
| HSL | HSL(180.0, 100.0%, 27.3%) | HSL(180.0, 100.0%, 27.3%) |
| HSV (OR HSB) | 180.0°, 100.0, 54.5 | |
| WEB SAFE | #0153153 | #0153153 |
| BINARY | 00000000, 10001011, 10001011 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.545, blue: 0.545) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.545, blue: 0.545, alpha: 1) | |
| Android - Compose | Color(0xFF008B8B) |
