Turquoise (0DF0C9) — 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 #0DF0C9

RGB rgb(13, 240, 201)

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

CMYK C:95% M:0% Y:16% K:6%

Luminance 0.669

WCAG Accessibility

On white 1.47:1

Aa — #0DF0C9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.32:1

Aa — #0DF0C9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0DF0C9 #F20D33

Analogous

#0DF259 #0DF0C9 #0DA6F2

Triadic

#0DF0C9 #CC0DF2 #F2CC0D

Split-comp.

#0DF0C9 #F20DA6 #F2590D

Tetradic

#0DF0C9 #590DF2 #F20D33 #A6F20D

Monochromatic

#052E27 #0F8A75 #19E6C4 #47EBCF #8CF2E1

Suggested palettes for this hue.

Matcha View all →

Sand Desert View all →

Rose Gold View all →