Turquoise (86F1E2) — 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 #86F1E2

RGB rgb(134, 241, 226)

HSL hsl(172°, 79%, 74%)

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

Luminance 0.7386

WCAG Accessibility

On white 1.34:1

Aa — #86F1E2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.69:1

Aa — #86F1E2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#86F1E2 #F18896

Analogous

#88F1AF #86F1E2 #88CBF1

Triadic

#86F1E2 #E388F1 #F1E388

Split-comp.

#86F1E2 #F188CB #F1AF88

Tetradic

#86F1E2 #AF88F1 #F18896 #CBF188

Monochromatic

#1B9383 #39DBC5 #8FEADE #BAF2EB #FBFEFE

Suggested palettes for this hue.

Dark UI View all →

Electric Vibes View all →

Success Green View all →