Teal (118270) — 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 #118270

RGB rgb(17, 130, 112)

HSL hsl(170°, 77%, 29%)

CMYK C:87% M:0% Y:14% K:49%

Luminance 0.1748

WCAG Accessibility

On white 4.72:1

Aa — #118270

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.45:1

Aa — #118270

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#118270 #831124

Analogous

#118337 #118270 #115D83

Triadic

#118270 #701183 #837011

Split-comp.

#118270 #83115D #833711

Tetradic

#118270 #371183 #831124 #5D8311

Monochromatic

#7BE5D3 #29D1B5 #187B6B #105146 #03110F

Suggested palettes for this hue.

Pop Art View all →

Pastel Spring View all →

Tokyo Neon View all →