Color guide
Turquoise Color
#40E0D0
turquoise color codes
What turquoise means
Turquoise recalls tropical seas and clarity. It refreshes and opens up dense layouts.
How to use it in design
Great for travel, wellness and summer campaigns. Needs dark text for accessible contrast.
Color combinations with turquoise
Harmonies calculated with color theory for the base hue 174°.
Complementary
Maximum contrast: #40E0D0 + #E03E4E
Analogous
Harmony at ±30°: #3EE07F · #40E0D0 · #3E9FE0
Triadic
Even 120° spacing: #40E0D0 · #CF3EE0 · #E0CF3E
turquoise color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #40E0D0.
Colors that go well with turquoise
FAQ about the turquoise color
What is the HEX code of turquoise?
A widely used hex value for turquoise is #40E0D0, which equals rgb(64, 224, 208). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (174°).
What colors go well with turquoise?
turquoise pairs beautifully with coral, navy, sand, charcoal. Its complementary color is #E03E4E, and a classic triadic scheme adds #CF3EE0 and #E0CF3E.
Is turquoise accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping turquoise in text or UI elements.
Create your own turquoise palette
Generate harmonious combinations from #40E0D0 in seconds.
Open the palette generator