Teal (04362B) — 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 #04362B

RGB rgb(4, 54, 43)

HSL hsl(167°, 86%, 11%)

CMYK C:93% M:0% Y:20% K:79%

Luminance 0.025

WCAG Accessibility

On white 13.4:1

Aa — #04362B

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.57:1

Aa — #04362B

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#04362B #34040E

Analogous

#043412 #04362B #042734

Triadic

#04362B #2A0434 #342A04

Split-comp.

#04362B #340427 #341204

Tetradic

#04362B #120434 #34040E #273404

Monochromatic

#23E1B8 #138B71 #073128 #010404 #000000

Suggested palettes for this hue.

Berries View all →

Deep Ocean View all →

Grey Minimal View all →