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

RGB rgb(0, 106, 140)

HSL hsl(195°, 100%, 27%)

CMYK C:100% M:24% Y:0% K:45%

Luminance 0.123

WCAG Accessibility

On white 6.1:1

Aa — #006A8C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.44:1

Aa — #006A8C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#006A8C #8A2200

Analogous

#008A67 #006A8C #00228A

Triadic

#006A8C #8A0067 #678A00

Split-comp.

#006A8C #8A0022 #8A6700

Tetradic

#006A8C #67008A #8A2200 #228A00

Monochromatic

#5FD1F7 #0CAEE4 #076483 #043F52 #01070A

Suggested palettes for this hue.

White Marble View all →

Santorini View all →

Blue Serenity View all →