Turquoise (60F0DD) — 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 #60F0DD

RGB rgb(96, 240, 221)

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

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

Luminance 0.7034

WCAG Accessibility

On white 1.4:1

Aa — #60F0DD

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.01:1

Aa — #60F0DD

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#60F0DD #F06074

Analogous

#60F095 #60F0DD #60BBF0

Triadic

#60F0DD #DD60F0 #F0DD60

Split-comp.

#60F0DD #F060BB #F09560

Tetradic

#60F0DD #9560F0 #F06074 #BBF060

Monochromatic

#127366 #20CBB4 #69E8D7 #95EEE3 #D7F9F4

Suggested palettes for this hue.

Provence Lavender View all →

Dragonfruit View all →

Purple UI View all →