Teal (048A6F) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #048A6F

RGB rgb(4, 138, 111)

HSL hsl(168°, 94%, 28%)

CMYK C:97% M:0% Y:20% K:46%

Luminance 0.1969

WCAG Accessibility

On white 4.31:1

Aa — #048A6F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.87:1

Aa — #048A6F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#048A6F #8B041F

Analogous

#048B2D #048A6F #04628B

Triadic

#048A6F #70048B #8B7004

Split-comp.

#048A6F #8B0462 #8B2D04

Tetradic

#048A6F #2D048B #8B041F #628B04

Monochromatic

#69F2D7 #14E1B8 #0B836B #075445 #010E0C

Suggested palettes for this hue.

Berries View all →

White Marble View all →

Pearl Zen View all →