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

RGB rgb(236, 249, 240)

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

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

Luminance 0.9212

WCAG Accessibility

On white 1.08:1

Aa — #ECF9F0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 19.38:1

Aa — #ECF9F0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#ECF9F0 #F9ECF5

Analogous

#EEF9EC #ECF9F0 #ECF9F6

Triadic

#ECF9F0 #F0ECF9 #F9F0EC

Split-comp.

#ECF9F0 #F6ECF9 #F9ECEE

Tetradic

#ECF9F0 #ECEEF9 #F9ECF5 #F9F6EC

Monochromatic

#5CBC79 #A4DAB5 #EDF8F0 #FFFFFF #FFFFFF

Suggested palettes for this hue.

Nordic View all →

Arctic Tundra View all →

Marrakech View all →