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

RGB rgb(15, 128, 122)

HSL hsl(177°, 79%, 28%)

CMYK C:88% M:0% Y:5% K:50%

Luminance 0.1717

WCAG Accessibility

On white 4.78:1

Aa — #0F807A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.39:1

Aa — #0F807A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0F807A #800F15

Analogous

#0F8042 #0F807A #0F4D80

Triadic

#0F807A #7A0F80 #807A0F

Split-comp.

#0F807A #800F4D #80420F

Tetradic

#0F807A #420F80 #800F15 #4D800F

Monochromatic

#75E6E0 #26CFC6 #167974 #0E4E4A #020D0C

Suggested palettes for this hue.

Dark UI View all →

Nordic View all →

Red Passion View all →