Turquoise (57ECC7) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Turquoise pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #57ECC7

RGB rgb(87, 236, 199)

HSL hsl(165°, 80%, 63%)

CMYK C:63% M:0% Y:16% K:7%

Luminance 0.665

WCAG Accessibility

On white 1.48:1

Aa — #57ECC7

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.23:1

Aa — #57ECC7

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#57ECC7 #EC557B

Analogous

#55EC7B #57ECC7 #55C6EC

Triadic

#57ECC7 #C655EC #ECC655

Split-comp.

#57ECC7 #EC55C6 #EC7B55

Tetradic

#57ECC7 #7B55EC #EC557B #C6EC55

Monochromatic

#12644F #21BA94 #5FE3C2 #8AEAD2 #CBF6EB

Suggested palettes for this hue.

Vintage Sepia View all →

Marrakech View all →

Retro 70s View all →