Turquoise hex code
The hex code for turquoise is #40E0D0. In RGB that is rgb(64, 224, 208) and in HSL it is hsl(174, 72%, 56%).
The hex code for turquoise is #40E0D0. In RGB that is rgb(64, 224, 208) and in HSL it is hsl(174, 72%, 56%).
Turquoise · #40E0D0
Colour codes
- HEX
- #40E0D0
- RGB
- rgb(64, 224, 208)
- HSL
- hsl(174, 72%, 56%)
- CMYK
- 71, 0, 7, 12
- CSS name
- turquoise
- Contrast on white
- 1.64:1
- Contrast on black
- 12.79:1
Tints and shades
20% lighter · #66e6d9
40% lighter · #8cece3
60% lighter · #b3f3ec
80% lighter · #d9f9f6
20% darker · #33b3a6
40% darker · #26867d
60% darker · #1a5a53
80% darker · #0d2d2a
Complementary colour
Turquoise · #40E0D0
Opposite on the colour wheel · #e03e4e
Frequently asked questions
What is the hex code for turquoise?
The hex code for turquoise is #40E0D0. In RGB that is rgb(64, 224, 208) and in HSL it is hsl(174, 72%, 56%).
Can I use turquoise for text?
It has a contrast ratio of 1.64:1 on white and 12.79:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with turquoise?
Its complementary colour, opposite on the colour wheel, is #E03E4E. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of turquoise instead.
Is turquoise a CSS colour name?
Yes. CSS accepts the keyword turquoise, so color: turquoise and color: #40E0D0 render exactly the same.