Turquoise (56E0D5) — 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 #56E0D5

RGB rgb(86, 224, 213)

HSL hsl(175°, 69%, 61%)

CMYK C:62% M:0% Y:5% K:12%

Luminance 0.6058

WCAG Accessibility

On white 1.61:1

Aa — #56E0D5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.02:1

Aa — #56E0D5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#56E0D5 #E05762

Analogous

#57E090 #56E0D5 #57A7E0

Triadic

#56E0D5 #D557E0 #E0D557

Split-comp.

#56E0D5 #E057A7 #E09057

Tetradic

#56E0D5 #9057E0 #E05762 #A7E057

Monochromatic

#165550 #2BA69C #61D6CC #89E1D9 #C6F0ED

Suggested palettes for this hue.

Gradient Sunset View all →

Sunset View all →

Sahara View all →