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

RGB rgb(180, 217, 189)

HSL hsl(135°, 33%, 78%)

CMYK C:17% M:0% Y:13% K:15%

Luminance 0.6376

WCAG Accessibility

On white 1.54:1

Aa — #B4D9BD

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.6:1

Aa — #B4D9BD

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B4D9BD #D9B4D0

Analogous

#BED9B4 #B4D9BD #B4D9D0

Triadic

#B4D9BD #BEB4D9 #D9BEB4

Split-comp.

#B4D9BD #D0B4D9 #D9B4BE

Tetradic

#B4D9BD #B4BED9 #D9B4D0 #D9D0B4

Monochromatic

#4B7756 #7BAD88 #BAD4C0 #D9E7DD #FFFFFF

Suggested palettes for this hue.

Retro 70s View all →

Sand Desert View all →

Coral Sea View all →