Turquoise (6CE4D0) — 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 #6CE4D0

RGB rgb(108, 228, 208)

HSL hsl(170°, 69%, 66%)

CMYK C:53% M:0% Y:9% K:11%

Luminance 0.6373

WCAG Accessibility

On white 1.54:1

Aa — #6CE4D0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.65:1

Aa — #6CE4D0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6CE4D0 #E46C80

Analogous

#6CE494 #6CE4D0 #6CBCE4

Triadic

#6CE4D0 #D06CE4 #E4D06C

Split-comp.

#6CE4D0 #E46CBC #E4946C

Tetradic

#6CE4D0 #946CE4 #E46C80 #BCE46C

Monochromatic

#1B695C #30BBA3 #75DBCA #9EE6DA #DBF6F1

Suggested palettes for this hue.

Marrakech View all →

Moss & Stone View all →

Grey Minimal View all →