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

RGB rgb(3, 142, 116)

HSL hsl(169°, 96%, 28%)

CMYK C:98% M:0% Y:18% K:44%

Luminance 0.2101

WCAG Accessibility

On white 4.1:1

Aa — #038E74

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.13:1

Aa — #038E74

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#038E74 #8C031C

Analogous

#038C2E #038E74 #03618C

Triadic

#038E74 #73038C #8C7303

Split-comp.

#038E74 #8C0361 #8C2E03

Tetradic

#038E74 #2E038C #8C031C #618C03

Monochromatic

#67F4DA #11E4BD #0A856E #065547 #010E0C

Suggested palettes for this hue.

Tropical Jungle View all →

Leather & Wood View all →

Sahara View all →