Turquoise (22F5AF) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Turquoise pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #22F5AF

RGB rgb(34, 245, 175)

HSL hsl(160°, 91%, 55%)

CMYK C:86% M:0% Y:29% K:4%

Luminance 0.689

WCAG Accessibility

On white 1.42:1

Aa — #22F5AF

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.75:1

Aa — #22F5AF

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#22F5AF #F52469

Analogous

#24F547 #22F5AF #24D2F5

Triadic

#22F5AF #AF24F5 #F5AF24

Split-comp.

#22F5AF #F524D2 #F54724

Tetradic

#22F5AF #4724F5 #F52469 #D2F524

Monochromatic

#074531 #11A271 #2FE9AB #5DEEBE #A3F5DA

Suggested palettes for this hue.

White Marble View all →

Retro 70s View all →

Northern Lights View all →