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

RGB rgb(158, 240, 226)

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

CMYK C:34% M:0% Y:6% K:6%

Luminance 0.7554

WCAG Accessibility

On white 1.31:1

Aa — #9EF0E2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.02:1

Aa — #9EF0E2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9EF0E2 #F09EAC

Analogous

#9EF0B9 #9EF0E2 #9ED5F0

Triadic

#9EF0E2 #E29EF0 #F0E29E

Split-comp.

#9EF0E2 #F09ED5 #F0B99E

Tetradic

#9EF0E2 #B99EF0 #F09EAC #D5F09E

Monochromatic

#249E8A #50D7C1 #A4EADE #CDF4ED #FFFFFF

Suggested palettes for this hue.

Santorini View all →

Pop Art View all →

Red Passion View all →