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

RGB rgb(18, 124, 106)

HSL hsl(170°, 75%, 28%)

CMYK C:85% M:0% Y:15% K:51%

Luminance 0.1575

WCAG Accessibility

On white 5.1:1

Aa — #127C6A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.12:1

Aa — #127C6A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#127C6A #7D1224

Analogous

#127D36 #127C6A #12597D

Triadic

#127C6A #6B127D #7D6B12

Split-comp.

#127C6A #7D1259 #7D3612

Tetradic

#127C6A #36127D #7D1224 #597D12

Monochromatic

#78E2D1 #2BCAAF #197666 #104C42 #030D0B

Suggested palettes for this hue.

Tokyo Neon View all →

Santorini View all →

Dragonfruit View all →