Turquoise (9DF0E4) — 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 #9DF0E4

RGB rgb(157, 240, 228)

HSL hsl(171°, 73%, 78%)

CMYK C:35% M:0% Y:5% K:6%

Luminance 0.7555

WCAG Accessibility

On white 1.31:1

Aa — #9DF0E4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.02:1

Aa — #9DF0E4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9DF0E4 #F09EAA

Analogous

#9EF0BB #9DF0E4 #9ED3F0

Triadic

#9DF0E4 #E49EF0 #F0E49E

Split-comp.

#9DF0E4 #F09ED3 #F0BB9E

Tetradic

#9DF0E4 #BB9EF0 #F09EAA #D3F09E

Monochromatic

#249E8C #50D7C3 #A4EAE0 #CDF4EE #FFFFFF

Suggested palettes for this hue.

Amber Warning View all →

Matcha View all →

Mediterranean View all →