Turquoise is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #40E0D0, which equals rgb(64, 224, 208) in RGB and hsl(174, 72%, 56%) in HSL. In print terms it converts to roughly C71 M0 Y7 K12, although exact CMYK results depend on the paper and color profile.
- HEX
#40E0D0 - RGB
64, 224, 208 - HSL
174°, 72%, 56% - CMYK
71, 0, 7, 12 - Family
Blue - Tone
Medium, saturated
About Turquoise
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 12.79:1. Its complementary color is #E03E4E.
Download Turquoise as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Turquoise color codes
| HEX | #40E0D0 |
|---|---|
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
| HSV | 174°, 71%, 88% |
| CMYK | 71%, 0%, 7%, 12% |
| Decimal | 4251856 |
Shades and tints of Turquoise
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFFAF7 - 100
#BFF5EF - 200
#A0F0E8 - 300
#80EAE0 - 400
#60E5D8 - 500
#40E0D0 - 600
#35BBAD - 700
#2B958B - 800
#207068 - 900
#154B45 - 950
#0B2523
Color harmonies for Turquoise
- Complementary
#E03E4E≈ Medium Light Bright Cardinal - Analogous −30°
#3EE07F≈ Medium Light Bright Malachite - Analogous +30°
#3E9FE0≈ Medium Light Bright Azure - Triadic +120°
#CF3EE0≈ Medium Light Bright Purple - Triadic +240°
#E0CF3E≈ Medium Light Bright Marigold - Split 150°
#E03E9F≈ Medium Light Bright Rose - Split 210°
#E07F3E≈ Medium Light Bright Persimmon
Contrast and accessibility of Turquoise
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Turquoise | Aa | 1.64:1 | Fails |
| Black text on Turquoise | Aa | 12.79:1 | AAA (excellent) |
CSS code for Turquoise
background-color: #40E0D0;color: #40E0D0;background-color: rgb(64, 224, 208);background-color: hsl(174, 72%, 56%);:root { --color-turquoise: #40E0D0; }class="bg-[#40E0D0]"Colors similar to Turquoise
- Medium Light Bright Teal
#3EEAD8 - Medium Light Bright Turquoise
#3EEAC7 - Medium Turquoise
#48D1CC - Medium Light Soft Cyan
#54D4D4 - Medium Light Soft Teal
#54D4C7 - Soft Cyan
#33CCCC - Medium Light Bright Lagoon
#3ED8EA - Medium Light Bright Aquamarine
#3EEAB6 - Medium Light Bright Cyan
#3EEAEA - Medium Light Soft Turquoise
#54D4BA - Soft Teal
#33CCBD - Bright Teal
#19E6D1
More blue shades
- Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6 - Slate Blue
#6A5ACD - Steel Blue
#4682B4 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Ultramarine
#3F00FF
Frequently asked questions
What is the HEX code for Turquoise?
The HEX code for Turquoise is #40E0D0.
What is the RGB value of Turquoise?
Turquoise has an RGB value of 64, 224, 208 (rgb(64, 224, 208)). In HSL it is 174°, 72%, 56%.
What text color should I use on Turquoise?
Use black text on Turquoise. White text has a contrast ratio of 1.64:1 and black text has 12.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Turquoise?
The complementary color of Turquoise is #E03E4E. Analogous colors #3EE07F and #3E9FE0 also pair well.