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

RGB rgb(0, 112, 56)

HSL hsl(150°, 100%, 22%)

CMYK C:100% M:0% Y:50% K:56%

Luminance 0.1196

WCAG Accessibility

On white 6.22:1

Aa — #007038

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.37:1

Aa — #007038

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#007038 #700038

Analogous

#007000 #007038 #007070

Triadic

#007038 #380070 #703800

Split-comp.

#007038 #700070 #700000

Tetradic

#007038 #000070 #700038 #707000

Monochromatic

#47F59E #0BCB6B #066B38 #033A1F #000000

Suggested palettes for this hue.

Coffee & Cream View all →

Rose Gold View all →

Northern Lights View all →