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

RGB rgb(11, 152, 145)

HSL hsl(177°, 87%, 32%)

CMYK C:93% M:0% Y:5% K:40%

Luminance 0.2502

WCAG Accessibility

On white 3.55:1

Aa — #0B9891

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.91:1

Aa — #0B9891

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0B9891 #990B12

Analogous

#0B994B #0B9891 #0B5999

Triadic

#0B9891 #910B99 #99910B

Split-comp.

#0B9891 #990B59 #994B0B

Tetradic

#0B9891 #4B0B99 #990B12 #59990B

Monochromatic

#81EFE9 #26E3D9 #13908A #0D635F #04201E

Suggested palettes for this hue.

Memphis Design View all →

Coral Sea View all →

Tropical Fruits View all →