Turquoise (9DF0E1) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Turquoise pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #9DF0E1

RGB rgb(157, 240, 225)

HSL hsl(169°, 73%, 78%)

CMYK C:35% M:0% Y:6% K:6%

Luminance 0.7539

WCAG Accessibility

On white 1.31:1

Aa — #9DF0E1

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.98:1

Aa — #9DF0E1

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9DF0E1 #F09EAD

Analogous

#9EF0B8 #9DF0E1 #9ED6F0

Triadic

#9DF0E1 #E19EF0 #F0E19E

Split-comp.

#9DF0E1 #F09ED6 #F0B89E

Tetradic

#9DF0E1 #B89EF0 #F09EAD #D6F09E

Monochromatic

#249E88 #50D7BF #A4EADD #CDF4ED #FFFFFF

Suggested palettes for this hue.

Nordic View all →

Sunset View all →

Amber Warning View all →