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

RGB rgb(236, 249, 241)

HSL hsl(143°, 52%, 95%)

CMYK C:5% M:0% Y:3% K:2%

Luminance 0.9218

WCAG Accessibility

On white 1.08:1

Aa — #ECF9F1

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 19.39:1

Aa — #ECF9F1

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#ECF9F1 #F9ECF4

Analogous

#EDF9EC #ECF9F1 #ECF9F7

Triadic

#ECF9F1 #F1ECF9 #F9F1EC

Split-comp.

#ECF9F1 #F7ECF9 #F9ECED

Tetradic

#ECF9F1 #ECEDF9 #F9ECF4 #F9F7EC

Monochromatic

#5CBC81 #A4DAB9 #EDF8F1 #FFFFFF #FFFFFF

Suggested palettes for this hue.

Coffee & Cream View all →

Tokyo Neon View all →

Matcha View all →