turquoise — #40E0D0
#40E0D0
rgb(64, 224, 208) · hsl(174, 72%, 56%) · CSS keyword turquoise
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| turquoise on white | 1.64:1 | — | — |
| turquoise on black | 12.79:1 | AA | AA |
As a background, turquoise takes black text: 12.79:1 against 1.64:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
French for "Turkish", because the stone reached Europe through Turkey rather than being found there.
Using it
color: turquoise;
color: #40e0d0;
color: rgb(64 224 208);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to turquoise
- mediumturquoise — #48D1CC
- mediumaquamarine — #66CDAA
- darkturquoise — #00CED1
- lightseagreen — #20B2AA
- aquamarine — #7FFFD4
- skyblue — #87CEEB
Frequently asked questions
What is the hex code for turquoise?
The hex code for turquoise is #40E0D0 — RGB 64, 224, 208.
Can I use turquoise for text?
Not on a white background. turquoise reaches only 1.64:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on turquoise be black or white?
Black — 12.79:1 against 1.64:1 the other way.
Other named colours
- violet — #EE82EE
- wheat — #F5DEB3
- white — #FFFFFF
- whitesmoke — #F5F5F5
- yellow — #FFFF00
- yellowgreen — #9ACD32
- aliceblue — #F0F8FF
- antiquewhite — #FAEBD7
- aqua — #00FFFF
- aquamarine — #7FFFD4
- azure — #F0FFFF
- beige — #F5F5DC
#40E0D0 in full — tints, shades and harmonies · All named colours · Colour reference