Teal Blue (0077B6) — Shades, Harmonies, Palettes, CSS Code

"Teal Blue"

Cyan · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #0077B6

RGB rgb(0, 119, 182)

HSL hsl(201°, 100%, 36%)

CMYK C:100% M:35% Y:0% K:29%

Luminance 0.1681

WCAG Accessibility

On white 4.87:1

Aa — #0077B6

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.31:1

Aa — #0077B6

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0077B6 #B84000

Analogous

#00B89C #0077B6 #001CB8

Triadic

#0077B6 #B80077 #77B800

Split-comp.

#0077B6 #B8001C #B89C00

Tetradic

#0077B6 #9C00B8 #B84000 #1CB800

Monochromatic

#8BD2F9 #2AADF4 #0975AE #07547E #032435

#0077B6 appears in 1 palette

Deep Ocean View all →