Turquoise (57D9CB) — 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 #57D9CB

RGB rgb(87, 217, 203)

HSL hsl(174°, 63%, 60%)

CMYK C:60% M:0% Y:6% K:15%

Luminance 0.5652

WCAG Accessibility

On white 1.72:1

Aa — #57D9CB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.19:1

Aa — #57D9CB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#57D9CB #D95966

Analogous

#59D98C #57D9CB #59A6D9

Triadic

#57D9CB #CC59D9 #D9CC59

Split-comp.

#57D9CB #D959A6 #D98C59

Tetradic

#57D9CB #8C59D9 #D95966 #A6D959

Monochromatic

#184E49 #309C91 #63CFC4 #8ADBD3 #C4EDE9

Suggested palettes for this hue.

Red Passion View all →

Berries View all →

Chocolate View all →