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

RGB rgb(123, 188, 137)

HSL hsl(133°, 33%, 61%)

CMYK C:35% M:0% Y:27% K:26%

Luminance 0.4269

WCAG Accessibility

On white 2.23:1

Aa — #7BBC89

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.4:1

Aa — #7BBC89

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#7BBC89 #BC7BAE

Analogous

#8DBC7B #7BBC89 #7BBCAA

Triadic

#7BBC89 #897BBC #BC897B

Split-comp.

#7BBC89 #AA7BBC #BC7B8D

Tetradic

#7BBC89 #7B8DBC #BC7BAE #BCAA7B

Monochromatic

#29422F #51815B #85B28F #A4C6AB #D3E4D7

Suggested palettes for this hue.

Golden Autumn View all →

Leather & Wood View all →

Northern Lights View all →