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

RGB rgb(6, 120, 94)

HSL hsl(166°, 90%, 25%)

CMYK C:95% M:0% Y:22% K:53%

Luminance 0.1443

WCAG Accessibility

On white 5.45:1

Aa — #06785E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.86:1

Aa — #06785E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#06785E #790621

Analogous

#067925 #06785E #065B79

Triadic

#06785E #5E0679 #795E06

Split-comp.

#06785E #79065B #792506

Tetradic

#06785E #250679 #790621 #5B7906

Monochromatic

#5EEDCC #17CFA4 #0D735B #084537 #000000

Suggested palettes for this hue.

Autumn Forest View all →

Marrakech View all →

Matcha Tea View all →