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

RGB rgb(11, 135, 122)

HSL hsl(174°, 85%, 29%)

CMYK C:92% M:0% Y:10% K:47%

Luminance 0.191

WCAG Accessibility

On white 4.41:1

Aa — #0B877A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.76:1

Aa — #0B877A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0B877A #890B18

Analogous

#0B893D #0B877A #0B5789

Triadic

#0B877A #7C0B89 #897C0B

Split-comp.

#0B877A #890B57 #893D0B

Tetradic

#0B877A #3D0B89 #890B18 #57890B

Monochromatic

#75EBDF #1FDBC8 #128176 #0C554E #031210

Suggested palettes for this hue.

Arctic Tundra View all →

Neon 90s View all →

Amazon View all →