Turquoise (66EBE2) — 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 #66EBE2

RGB rgb(102, 235, 226)

HSL hsl(176°, 77%, 66%)

CMYK C:57% M:0% Y:4% K:8%

Luminance 0.6812

WCAG Accessibility

On white 1.44:1

Aa — #66EBE2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.55:1

Aa — #66EBE2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#66EBE2 #EB666E

Analogous

#66EB9F #66EBE2 #66B1EB

Triadic

#66EBE2 #E266EB #EBE266

Split-comp.

#66EBE2 #EB66B1 #EB9F66

Tetradic

#66EBE2 #9F66EB #EB666E #B1EB66

Monochromatic

#166F69 #27C4B9 #6EE2DB #99EBE5 #D9F7F5

Suggested palettes for this hue.

Northern Lights View all →

Success Green View all →

Amber Warning View all →