Turquoise (58DCC7) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Turquoise pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #58DCC7

RGB rgb(88, 220, 199)

HSL hsl(170°, 65%, 60%)

CMYK C:60% M:0% Y:10% K:14%

Luminance 0.5792

WCAG Accessibility

On white 1.68:1

Aa — #58DCC7

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.48:1

Aa — #58DCC7

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#58DCC7 #DB576D

Analogous

#57DB83 #58DCC7 #57AFDB

Triadic

#58DCC7 #C557DB #DBC557

Split-comp.

#58DCC7 #DB57AF #DB8357

Tetradic

#58DCC7 #8357DB #DB576D #AFDB57

Monochromatic

#174F46 #2E9E8B #61D1BE #88DDCF #C4EEE7

Suggested palettes for this hue.

Tech Blue View all →

Dragonfruit View all →

Purple Mystery View all →