Turquoise HEX Code
The HEX code for turquoise is #40E0D0. Turquoise is a blue-green color named after the gemstone. It combines the calming properties of blue with the refreshing qualities of green, creating a balanced, tropical feel.
Turquoise Color Values
| Format | Value |
|---|---|
| HEX | #40E0D0 |
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
| CMYK | C:71 M:0 Y:7 K:12 |
Turquoise Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Pale Turquoise | #AFEEEE | Very light |
| Turquoise | #40E0D0 | CSS turquoise |
| Medium Turquoise | #48D1CC | Slightly darker |
| Dark Turquoise | #00CED1 | Deeper tone |
| Aquamarine | #7FFFD4 | Green-tinted |
| Teal | #008080 | Dark blue-green |
Turquoise in Design
Turquoise conveys:
- Tropical: Caribbean, ocean
- Calm: Soothing, peaceful
- Clarity: Clear thinking, communication
- Balance: Blue + green harmony
Turquoise vs Similar Colors
| Color | HEX | Bias |
|---|---|---|
| Cyan | #00FFFF | Pure blue-green |
| Turquoise | #40E0D0 | Slightly green |
| Aqua | #00FFFF | Same as cyan |
| Teal | #008080 | Dark cyan |
Using Turquoise in Design
``css
/* Tropical palette */
:root {
--turquoise-light: #AFEEEE;
--turquoise: #40E0D0;
--turquoise-dark: #00CED1;
}
/* Beach card design */
.beach-card {
background: linear-gradient(to bottom, #40E0D0, #20B2AA);
color: white;
}
/* Accent highlight */
.highlight-turquoise {
background-color: #40E0D0;
padding: 2px 6px;
border-radius: 4px;
}
``
Turquoise Color Palettes
| Theme | Primary | Secondary | Accent |
|---|---|---|---|
| Ocean | #40E0D0 | #87CEEB | #FF7F50 |
| Tropical | #40E0D0 | #98FB98 | #FFD700 |
| Spa | #AFEEEE | #E0FFFF | #008B8B |
Brands Using Turquoise
| Brand | HEX | Industry |
|---|---|---|
| Tiffany & Co | #0ABAB5 | Luxury |
| Skype | #00AFF0 | Technology |
| Vimeo | #1AB7EA | Media |