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

RGB rgb(2, 131, 176)

HSL hsl(196°, 98%, 35%)

CMYK C:99% M:26% Y:0% K:31%

Luminance 0.1972

WCAG Accessibility

On white 4.31:1

Aa — #0283B0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.88:1

Aa — #0283B0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0283B0 #B13002

Analogous

#02B188 #0283B0 #022BB1

Triadic

#0283B0 #B10282 #82B102

Split-comp.

#0283B0 #B1022B #B18802

Tetradic

#0283B0 #8802B1 #B13002 #2BB102

Monochromatic

#87D9F7 #27BBF1 #0B7EA8 #085A78 #032430

Suggested palettes for this hue.

Chocolate View all →

Sahara View all →

Santorini View all →