Turquoise (64F3E2) — 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 #64F3E2

RGB rgb(100, 243, 226)

HSL hsl(173°, 86%, 67%)

CMYK C:59% M:0% Y:7% K:5%

Luminance 0.7257

WCAG Accessibility

On white 1.36:1

Aa — #64F3E2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.46:1

Aa — #64F3E2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#64F3E2 #F36273

Analogous

#62F39A #64F3E2 #62BCF3

Triadic

#64F3E2 #E262F3 #F3E262

Split-comp.

#64F3E2 #F362BC #F39A62

Tetradic

#64F3E2 #9A62F3 #F36273 #BCF362

Monochromatic

#11796D #1DD3BE #6BEBDC #98F1E7 #DBFAF6

Suggested palettes for this hue.

Electric Vibes View all →

Tokyo Neon View all →

Mediterranean View all →