Turquoise blue is a calming and vibrant shade sitting between blue and green on the color wheel. It’s a refreshing hue resembling clear ocean waters, with related shades like aqua and teal. Try using it in design to create a serene, inviting atmosphere.
Turquoise blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #00FFEF
- RGB value: 0.0% red, 100.0% green, 93.7% 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 turquoise blue, consider:
- Aqua (#00fff0): Aqua shares a connection with Turquoise Blue through a similar blue-green blend, representing the refreshing essence of clear water.
- Tiffany Blue (#81d8d0): With its cool, elegant appeal, Tiffany Blue offers a slightly softer and more muted version of Turquoise Blue, inviting a sense of refined sophistication.
- Sea Green (#2E8B57): While incorporating more green, Sea Green maintains the calm, aquatic feel found in Turquoise Blue, echoing the tranquility of marine environments.
- Aquamarine (#66f1c2): Aquamarine embodies a lighter and brighter perspective of Turquoise Blue, channeling the serene, translucent beauty of oceanic hues.
To complement Turquoise blue, consider pairing it with:
- Coral (#FF8559): Coral adds warmth and vibrancy, creating a lively and eye-catching combination that energizes designs.
- Navy Blue (#000080): Navy blue provides a strong, grounding contrast that enhances Turquoise blue's brightness while maintaining a sophisticated look.
- Sand (#Cbbd93): Sand introduces an earthy, neutral tone that balances the vibrancy of Turquoise blue, evoking a relaxed, beach-inspired feel.
- Charcoal (#4A4A4A): Charcoal offers a modern, sleek contrast, allowing Turquoise blue to shine and adding depth to your palette.
- Lemon (#FFF700): Lemon introduces a bright, cheerful contrast, creating a fresh and dynamic partnership that enhances Turquoise blue’s playful undertones.
While Turquoise blue is vibrant and captivating, it may clash with:
- Burgundy (#660033): Burgundy, with its deep, dark tone, can overpower the lively energy of turquoise blue, creating a heavy and unbalanced visual tension.
- Orange (#FFA500): The boldness of orange may clash with turquoise blue’s cool and calm nature, making the combination feel chaotic and overly contrasting.
- Scarlet (#ED2100): Scarlet’s intense warmth directly opposes the cool demeanor of turquoise blue, leading to a conflict rather than a harmonious blend.
- Neon Pink (#FF13F0): Neon pink’s bright and flashy appearance competes for attention with turquoise blue, creating a dissonant and overwhelming visual effect.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Tropical Gleam
Electric Breeze
Neon Lagoon
Contrast checker
Contrast 1.27
- Large Text
#00FFEF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 16.55
- Large Text
#00FFEF
- 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 #00FFEF, known as Turquoise blue, has RGB values of R:0, G:255, B:239 and CMYK values of C:100, M:0, Y:6, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00FFEF | #00FFEF |
| RGB DECIMAL | 0, 255, 239 | RGB(0,255,239) |
| RGB PERCENTAGE | 0.0, 100.0, 93.7 | RGB(0.0%,100.0%,93.7%) |
| CMYK | 100, 0, 6, 0 | |
| HSL | HSL(176.2, 100.0%, 50.0%) | HSL(176.2, 100.0%, 50.0%) |
| HSV (OR HSB) | 176.2°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11111111, 11101111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 0.937) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 0.937, alpha: 1) | |
| Android - Compose | Color(0xFF00FFEF) |
