Teal Blue (0B9999) — Shades, Harmonies, Palettes, CSS Code

"Teal Blue"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Teal Blue pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #0B9999

RGB rgb(11, 153, 153)

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

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

Luminance 0.2561

WCAG Accessibility

On white 3.48:1

Aa — #0B9999

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.03:1

Aa — #0B9999

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0B9999 #990B0B

Analogous

#0B9952 #0B9999 #0B5299

Triadic

#0B9999 #990B99 #99990B

Split-comp.

#0B9999 #990B52 #99520B

Tetradic

#0B9999 #520B99 #990B0B #52990B

Monochromatic

#81EFEF #26E3E3 #139090 #0D6363 #042020

Suggested palettes for this hue.

Chocolate View all →

Northern Lights View all →

Tropical Jungle View all →