turquoise turquoise #40e0d0
turquoise is #40e0d0 in hexadecimal, rgb(64, 224, 208) in decimal and hsl(174, 72, 56) in HSL. This page lists its harmonies, lightness steps and contrast against black and white — all copyable.
HEX · RGB · HSL
| HEX | #40e0d0 |
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
Harmonies
Complementary
#e03e4eAnalogous
#3ee07f#3e9fe0Triadic
#cf3ee0#e0cf3eSplit complementary
#e03e9f#e07f3eTints & shades
#22d3c1#2cddcb#3ee0cf#50e2d4#61e5d8Accessibility
| vs #ffffff | 1.64:1 |
| vs #000000 | 12.79:1 |
| Suggested text color | #000000 · 12.79:1 · WCAG AAA |
Similar named colors
FAQ
What is the HEX code for turquoise?
turquoise is #40e0d0 in hex, rgb(64, 224, 208) in decimal and hsl(174, 72%, 56%) in HSL. In CSS you can write either color: turquoise; or color: #40e0d0; — they are equivalent.
What colors go with turquoise?
The complementary #e03e4e gives the strongest contrast, the analogous pair #3ee07f / #3e9fe0 is the safest, and the triad #cf3ee0 / #e0cf3e adds more tension. All three are derived from the 174° hue of #40e0d0.
Does #40e0d0 read better on white or black?
Its contrast is 1.64:1 against white and 12.79:1 against black. Use #000000 text on it — that gives 12.79:1, which meets WCAG AAA.
Is a named color different from a hex color?
No. CSS named colors are just syntactic sugar for standard six-digit hex values; browsers resolve them to identical results in every modern engine.