Turquoise (54F1E6) — 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 #54F1E6

RGB rgb(84, 241, 230)

HSL hsl(176°, 85%, 64%)

CMYK C:65% M:0% Y:5% K:5%

Luminance 0.7077

WCAG Accessibility

On white 1.39:1

Aa — #54F1E6

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.1:1

Aa — #54F1E6

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#54F1E6 #F15560

Analogous

#55F199 #54F1E6 #55AEF1

Triadic

#54F1E6 #E755F1 #F1E755

Split-comp.

#54F1E6 #F155AE #F19955

Tetradic

#54F1E6 #9955F1 #F15560 #AEF155

Monochromatic

#0F6B65 #1CC4B9 #5EE8DF #8BEEE8 #CEF8F5

Suggested palettes for this hue.

Night Velvet View all →

Nordic View all →

Green Meadow View all →