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

RGB rgb(2, 88, 61)

HSL hsl(161°, 96%, 18%)

CMYK C:98% M:0% Y:31% K:65%

Luminance 0.072

WCAG Accessibility

On white 8.52:1

Aa — #02583D

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.47:1

Aa — #02583D

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#02583D #5A021E

Analogous

#025A12 #02583D #024A5A

Triadic

#02583D #3E025A #5A3E02

Split-comp.

#02583D #5A024A #5A1202

Tetradic

#02583D #12025A #5A021E #4A5A02

Monochromatic

#38F0B6 #0EB47F #06553C #03261B #000000

Suggested palettes for this hue.

Tokyo Neon View all →

Retro 70s View all →

Mediterranean View all →