Seafoam (97C7A9) — Shades, Harmonies, Palettes, CSS Code

"Seafoam"

Pastel · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Seafoam pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #97C7A9

RGB rgb(151, 199, 169)

HSL hsl(143°, 30%, 69%)

CMYK C:24% M:0% Y:15% K:22%

Luminance 0.5108

WCAG Accessibility

On white 1.9:1

Aa — #97C7A9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.06:1

Aa — #97C7A9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#97C7A9 #C898B5

Analogous

#9EC898 #97C7A9 #98C8C2

Triadic

#97C7A9 #AA98C8 #C8AA98

Split-comp.

#97C7A9 #C298C8 #C8989E

Tetradic

#97C7A9 #989EC8 #C898B5 #C8C298

Monochromatic

#3B5946 #649677 #A0C0AC #BFD4C7 #EDF3EF

Suggested palettes for this hue.

Night Velvet View all →

Sunset View all →

Deep Ocean View all →