Turquoise (31DFD5) — 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 #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #31DFD5

RGB rgb(49, 223, 213)

HSL hsl(177°, 73%, 53%)

CMYK C:78% M:0% Y:4% K:13%

Luminance 0.5867

WCAG Accessibility

On white 1.66:1

Aa — #31DFD5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.65:1

Aa — #31DFD5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#31DFD5 #DF3038

Analogous

#30DF7E #31DFD5 #3090DF

Triadic

#31DFD5 #D630DF #DFD630

Split-comp.

#31DFD5 #DF3090 #DF7E30

Tetradic

#31DFD5 #7E30DF #DF3038 #90DF30

Monochromatic

#0C3634 #1F8984 #3CD3CB #65DCD6 #A4EAE7

Suggested palettes for this hue.

Sunset View all →

Pearl Zen View all →

Nordic View all →