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

RGB rgb(15, 123, 100)

HSL hsl(167°, 78%, 27%)

CMYK C:88% M:0% Y:19% K:52%

Luminance 0.1534

WCAG Accessibility

On white 5.2:1

Aa — #0F7B64

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.04:1

Aa — #0F7B64

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0F7B64 #7B0F26

Analogous

#0F7B2E #0F7B64 #0F5C7B

Triadic

#0F7B64 #630F7B #7B630F

Split-comp.

#0F7B64 #7B0F5C #7B2E0F

Tetradic

#0F7B64 #2E0F7B #7B0F26 #5C7B0F

Monochromatic

#72E4CB #26C9A6 #16745F #0E493C #020907

Suggested palettes for this hue.

Golden Autumn View all →

Mediterranean View all →

Velvet & Silk View all →