Turquoise (12ECC8) — 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 #12ECC8

RGB rgb(18, 236, 200)

HSL hsl(170°, 86%, 50%)

CMYK C:92% M:0% Y:15% K:7%

Luminance 0.6461

WCAG Accessibility

On white 1.52:1

Aa — #12ECC8

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.86:1

Aa — #12ECC8

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#12ECC8 #ED1236

Analogous

#12ED5B #12ECC8 #12A4ED

Triadic

#12ECC8 #C912ED #EDC912

Split-comp.

#12ECC8 #ED12A4 #ED5B12

Tetradic

#12ECC8 #5B12ED #ED1236 #A4ED12

Monochromatic

#062D26 #128773 #1FE0C0 #4BE7CD #8FF0E0

Suggested palettes for this hue.

Vibrant Summer View all →

Pop Matisse View all →

Golden Autumn View all →