Turquoise (18EEE0) — 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 #18EEE0

RGB rgb(24, 238, 224)

HSL hsl(176°, 86%, 51%)

CMYK C:90% M:0% Y:6% K:7%

Luminance 0.6699

WCAG Accessibility

On white 1.46:1

Aa — #18EEE0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.35:1

Aa — #18EEE0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#18EEE0 #EE1725

Analogous

#17EE74 #18EEE0 #1790EE

Triadic

#18EEE0 #DF17EE #EEDF17

Split-comp.

#18EEE0 #EE1790 #EE7417

Tetradic

#18EEE0 #7417EE #EE1725 #90EE17

Monochromatic

#07312F #138B83 #23E1D4 #50E7DD #93F0EA

Suggested palettes for this hue.

Mediterranean View all →

Tropical Fruits View all →

Electric Vibes View all →