Turquoise (60F3DF) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #60F3DF

RGB rgb(96, 243, 223)

HSL hsl(172°, 86%, 66%)

CMYK C:60% M:0% Y:8% K:5%

Luminance 0.7218

WCAG Accessibility

On white 1.37:1

Aa — #60F3DF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.38:1

Aa — #60F3DF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#60F3DF #F35E72

Analogous

#5EF394 #60F3DF #5EBCF3

Triadic

#60F3DF #DF5EF3 #F3DF5E

Split-comp.

#60F3DF #F35EBC #F3945E

Tetradic

#60F3DF #945EF3 #F35E72 #BCF35E

Monochromatic

#107567 #1CCEB7 #66EAD9 #93F0E4 #D7F9F5

Suggested palettes for this hue.

Retro 70s View all →

Sunset View all →

Concrete Steel View all →