Turquoise (22DFC2) — 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 #22DFC2

RGB rgb(34, 223, 194)

HSL hsl(171°, 75%, 50%)

CMYK C:85% M:0% Y:13% K:13%

Luminance 0.5746

WCAG Accessibility

On white 1.69:1

Aa — #22DFC2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.4:1

Aa — #22DFC2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#22DFC2 #DF203D

Analogous

#20DF63 #22DFC2 #209CDF

Triadic

#22DFC2 #C220DF #DFC220

Split-comp.

#22DFC2 #DF209C #DF6320

Tetradic

#22DFC2 #6320DF #DF203D #9CDF20

Monochromatic

#092A25 #1B7E6F #2DD2BA #57DBC7 #96E9DC

Suggested palettes for this hue.

Tropical Fruits View all →

Purple UI View all →

Grey Minimal View all →