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

RGB rgb(240, 248, 237)

HSL hsl(104°, 44%, 95%)

CMYK C:3% M:0% Y:4% K:3%

Luminance 0.9202

WCAG Accessibility

On white 1.08:1

Aa — #F0F8ED

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 19.35:1

Aa — #F0F8ED

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F0F8ED #F5EDF8

Analogous

#F5F8ED #F0F8ED #EDF8EF

Triadic

#F0F8ED #EDF0F8 #F8EDF0

Split-comp.

#F0F8ED #EFEDF8 #F8EDF5

Tetradic

#F0F8ED #EDF5F8 #F5EDF8 #F8EFED

Monochromatic

#7AB365 #B5D5AA #F0F7EE #FFFFFF #FFFFFF

Suggested palettes for this hue.

Nordic View all →

Amazon View all →

Deep Ocean View all →