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

RGB rgb(10, 147, 150)

HSL hsl(181°, 88%, 31%)

CMYK C:93% M:2% Y:0% K:41%

Luminance 0.2355

WCAG Accessibility

On white 3.73:1

Aa — #0A9396

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.63:1

Aa — #0A9396

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0A9396 #950C09

Analogous

#099551 #0A9396 #094D95

Triadic

#0A9396 #950992 #929509

Split-comp.

#0A9396 #95094D #955109

Tetradic

#0A9396 #510995 #950C09 #4D9509

Monochromatic

#7BEDEF #21E0E4 #118B8D #0C5E5F #031B1B

#0A9396 appears in 1 palette

French Riviera View all →