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

RGB rgb(242, 246, 240)

HSL hsl(100°, 25%, 95%)

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

Luminance 0.9135

WCAG Accessibility

On white 1.09:1

Aa — #F2F6F0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 19.22:1

Aa — #F2F6F0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2F6F0 #F3EFF5

Analogous

#F4F5EF #F2F6F0 #EFF5F0

Triadic

#F2F6F0 #EFF1F5 #F5EFF1

Split-comp.

#F2F6F0 #F0EFF5 #F5EFF4

Tetradic

#F2F6F0 #EFF4F5 #F3EFF5 #F5F0EF

Monochromatic

#879D7B #BCC9B6 #F2F4F0 #FFFFFF #FFFFFF

Suggested palettes for this hue.

Tokyo Neon View all →

Berries View all →

Rose Gold View all →