Seafoam (96BBA4) — 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 #96BBA4

RGB rgb(150, 187, 164)

HSL hsl(143°, 21%, 66%)

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

Luminance 0.455

WCAG Accessibility

On white 2.11:1

Aa — #96BBA4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.94:1

Aa — #96BBA4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#96BBA4 #BB96AD

Analogous

#9ABB96 #96BBA4 #96BBB6

Triadic

#96BBA4 #A496BB #BBA496

Split-comp.

#96BBA4 #B696BB #BB969A

Tetradic

#96BBA4 #969ABB #BB96AD #BBB696

Monochromatic

#3B4A41 #688272 #9FB2A6 #BBC9C0 #E6EBE7

Suggested palettes for this hue.

Tech Blue View all →

Berries View all →

Nordic View all →