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

RGB rgb(0, 65, 71)

HSL hsl(185°, 100%, 14%)

CMYK C:100% M:8% Y:0% K:72%

Luminance 0.0397

WCAG Accessibility

On white 11.37:1

Aa — #004147

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.85:1

Aa — #004147

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#004147 #470600

Analogous

#00472A #004147 #001E47

Triadic

#004147 #470041 #414700

Split-comp.

#004147 #47001E #472A00

Tetradic

#004147 #2A0047 #470600 #1E4700

Monochromatic

#20E2F3 #0998A5 #043E44 #011213 #000000

Suggested palettes for this hue.

Arctic Tundra View all →

Pastel Spring View all →

French Riviera View all →