Seafoam (98B9A2) — 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 #98B9A2

RGB rgb(152, 185, 162)

HSL hsl(138°, 19%, 66%)

CMYK C:18% M:0% Y:12% K:27%

Luminance 0.4478

WCAG Accessibility

On white 2.14:1

Aa — #98B9A2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.8:1

Aa — #98B9A2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#98B9A2 #B998AF

Analogous

#9EB998 #98B9A2 #98B9B2

Triadic

#98B9A2 #A298B9 #B9A298

Split-comp.

#98B9A2 #B298B9 #B9989E

Tetradic

#98B9A2 #989EB9 #B998AF #B9B298

Monochromatic

#3C4840 #6B8071 #A0B0A5 #BCC7C0 #E6EAE7

Suggested palettes for this hue.

Northern Lights View all →

Volcano View all →

Electric Vibes View all →