Teal (08B295) — 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 #08B295

RGB rgb(8, 178, 149)

HSL hsl(170°, 91%, 36%)

CMYK C:96% M:0% Y:16% K:30%

Luminance 0.3466

WCAG Accessibility

On white 2.69:1

Aa — #08B295

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.81:1

Aa — #08B295

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#08B295 #AF0824

Analogous

#08AF40 #08B295 #0878AF

Triadic

#08B295 #9308AF #AF9308

Split-comp.

#08B295 #AF0878 #AF4008

Tetradic

#08B295 #4008AF #AF0824 #78AF08

Monochromatic

#90F3E3 #34EACB #11A68D #0D7866 #05332B

Suggested palettes for this hue.

Volcano View all →

Dragonfruit View all →

Matcha Tea View all →