Turquoise (2FF4E9) — 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 #2FF4E9

RGB rgb(47, 244, 233)

HSL hsl(177°, 90%, 57%)

CMYK C:81% M:0% Y:5% K:4%

Luminance 0.7134

WCAG Accessibility

On white 1.38:1

Aa — #2FF4E9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.24:1

Aa — #2FF4E9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2FF4E9 #F42F39

Analogous

#2FF487 #2FF4E9 #2F9BF4

Triadic

#2FF4E9 #EA2FF4 #F4EA2F

Split-comp.

#2FF4E9 #F42F9B #F4872F

Tetradic

#2FF4E9 #872FF4 #F42F39 #9BF42F

Monochromatic

#094E4B #13AAA2 #3AE9E0 #68EEE7 #ACF6F2

Suggested palettes for this hue.

Arctic Tundra View all →

Tech Blue View all →

Sunset View all →