Teal (036D63) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Teal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #036D63

RGB rgb(3, 109, 99)

HSL hsl(174°, 95%, 22%)

CMYK C:97% M:0% Y:9% K:57%

Luminance 0.1193

WCAG Accessibility

On white 6.23:1

Aa — #036D63

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.37:1

Aa — #036D63

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#036D63 #6D030D

Analogous

#036D2D #036D63 #03436D

Triadic

#036D63 #63036D #6D6303

Split-comp.

#036D63 #6D0343 #6D2D03

Tetradic

#036D63 #2D036D #6D030D #436D03

Monochromatic

#4CF0E0 #10C6B4 #08685E #053933 #000000

Suggested palettes for this hue.

Neon 90s View all →

Chocolate View all →

Moss & Stone View all →