Turquoise (3FE7CA) — 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 #3FE7CA

RGB rgb(63, 231, 202)

HSL hsl(170°, 78%, 58%)

CMYK C:73% M:0% Y:13% K:9%

Luminance 0.6285

WCAG Accessibility

On white 1.56:1

Aa — #3FE7CA

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.49:1

Aa — #3FE7CA

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3FE7CA #E7405C

Analogous

#40E778 #3FE7CA #40B0E7

Triadic

#3FE7CA #CC40E7 #E7CC40

Split-comp.

#3FE7CA #E740B0 #E77840

Tetradic

#3FE7CA #7840E7 #E7405C #B0E740

Monochromatic

#0F4D43 #1FA38D #4BDDC4 #76E5D2 #B6F1E7

Suggested palettes for this hue.

Nordic View all →

Gradient Sunset View all →

Berries View all →