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

RGB rgb(1, 74, 81)

HSL hsl(185°, 98%, 16%)

CMYK C:99% M:9% Y:0% K:68%

Luminance 0.0528

WCAG Accessibility

On white 10:1

Aa — #014A51

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.1:1

Aa — #014A51

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#014A51 #510701

Analogous

#01512F #014A51 #012251

Triadic

#014A51 #51014A #4A5101

Split-comp.

#014A51 #510122 #512F01

Tetradic

#014A51 #2F0151 #510701 #225101

Monochromatic

#2CE1F2 #0B9FAD #05474D #021B1D #000000

Suggested palettes for this hue.

Mediterranean View all →

Sahara View all →

Matcha View all →