Teal (0A726C) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Teal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #0A726C

RGB rgb(10, 114, 108)

HSL hsl(177°, 84%, 24%)

CMYK C:91% M:0% Y:5% K:55%

Luminance 0.1328

WCAG Accessibility

On white 5.77:1

Aa — #0A726C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.64:1

Aa — #0A726C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0A726C #710A0F

Analogous

#0A7138 #0A726C #0A4271

Triadic

#0A726C #6B0A71 #716B0A

Split-comp.

#0A726C #710A42 #71380A

Tetradic

#0A726C #380A71 #710A0F #42710A

Monochromatic

#5FE7E0 #1DC3BB #106A66 #093E3B #000000

Suggested palettes for this hue.

Marrakech View all →

Danger Red View all →

Vibrant Summer View all →