Turquoise color values
| Format | Value |
|---|---|
| Hex | #40E0D0 |
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
| HSV | 174, 71%, 88% |
| CMYK (simple conversion) | 71%, 0%, 7%, 12% |
| Decimal | 4251856 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Turquoise
A bright blue green named after the gemstone prized in jewelry for centuries. Designers apply it to evoke tropical vacations, healing, and vibrant artistic expression. It stands out boldly in UI components while maintaining a refreshing, aquatic quality. It is one of the 148 CSS named colors.
Shades and tints of Turquoise
Tints mix Turquoise with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #53E3D5 | #3ACABB |
| 20% | #66E6D9 | #33B3A6 |
| 30% | #79E9DE | #2D9D92 |
| 40% | #8CECE3 | #26867D |
| 50% | #A0F0E8 | #207068 |
Color harmony for Turquoise
These colors keep the same saturation and lightness as Turquoise and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #E04050 |
| Analogous | #40E080 #40A0E0 |
| Triadic | #D040E0 #E0D040 |
| Split complementary | #E040A0 #E08040 |
Contrast and accessibility
Contrast between #40E0D0 and white is 1.64:1 (fails). Against black it is 12.79:1 (passes AAA). For text on a Turquoise background, black text is the more readable choice.
Use Turquoise in CSS
.element {
color: turquoise;
background-color: #40E0D0;
border-color: rgb(64 224 208);
outline-color: hsl(174 72% 56%);
}All four lines produce exactly the same color. The keyword turquoise is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- mediumturquoise: #48D1CC
- mediumaquamarine: #66CDAA
- Dark Turquoise: #00CED1
- lightseagreen: #20B2AA
FAQ
What is the hex code for Turquoise?
The hex code for Turquoise is #40E0D0. As a CSS color keyword you can also write turquoise.
What is Turquoise in RGB?
Turquoise is rgb(64, 224, 208): red 64, green 224, blue 208 on the 0 to 255 scale.
What color is closest to Turquoise?
Of the CSS named colors, mediumturquoise (#48D1CC) is the closest match to Turquoise, followed by mediumaquamarine and darkturquoise.
More colors
- Tomato: previous page
- Wheat: next page
- CSS named colors: the full list