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

RGB rgb(181, 215, 194)

HSL hsl(143°, 30%, 78%)

CMYK C:16% M:0% Y:10% K:16%

Luminance 0.6309

WCAG Accessibility

On white 1.56:1

Aa — #B5D7C2

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.46:1

Aa — #B5D7C2

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B5D7C2 #D8B6CB

Analogous

#BAD8B6 #B5D7C2 #B6D8D4

Triadic

#B5D7C2 #C3B6D8 #D8C3B6

Split-comp.

#B5D7C2 #D4B6D8 #D8B6BA

Tetradic

#B5D7C2 #B6BAD8 #D8B6CB #D8D4B6

Monochromatic

#4E745C #7EA98F #BCD2C4 #DAE7DF #FFFFFF

Suggested palettes for this hue.

Pop Art View all →

Arctic Tundra View all →

Success Green View all →