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

RGB rgb(20, 135, 143)

HSL hsl(184°, 75%, 32%)

CMYK C:86% M:6% Y:0% K:44%

Luminance 0.1975

WCAG Accessibility

On white 4.29:1

Aa — #14878F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.89:1

Aa — #14878F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#14878F #8F1D14

Analogous

#148F5A #14878F #14498F

Triadic

#14878F #8F1487 #878F14

Split-comp.

#14878F #8F1449 #8F5A14

Tetradic

#14878F #5A148F #8F1D14 #498F14

Monochromatic

#89E0E6 #35CAD4 #1D8087 #14585D #061C1D

Suggested palettes for this hue.

Dark UI View all →

Berries View all →

Chocolate View all →