Turquoise (56DAC3) — 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 #56DAC3

RGB rgb(86, 218, 195)

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

CMYK C:61% M:0% Y:11% K:15%

Luminance 0.566

WCAG Accessibility

On white 1.72:1

Aa — #56DAC3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.21:1

Aa — #56DAC3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#56DAC3 #DA586D

Analogous

#58DA83 #56DAC3 #58AFDA

Triadic

#56DAC3 #C558DA #DAC558

Split-comp.

#56DAC3 #DA58AF #DA8358

Tetradic

#56DAC3 #8358DA #DA586D #AFDA58

Monochromatic

#174F45 #2F9D8B #62D0BE #89DCCE #C4EDE7

Suggested palettes for this hue.

Icy Winter View all →

Blue Serenity View all →

Provence Lavender View all →