Seafoam (7E9584) — Shades, Harmonies, Palettes, CSS Code

"Seafoam"

Pastel · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Seafoam pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #7E9584

RGB rgb(126, 149, 132)

HSL hsl(136°, 10%, 54%)

CMYK C:15% M:0% Y:11% K:42%

Luminance 0.2813

WCAG Accessibility

On white 3.22:1

Aa — #7E9584

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.52:1

Aa — #7E9584

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#7E9584 #957E8F

Analogous

#83957E #7E9584 #7E9590

Triadic

#7E9584 #847E95 #95847E

Split-comp.

#7E9584 #907E95 #957E83

Tetradic

#7E9584 #7E8395 #957E8F #95907E

Monochromatic

#242424 #575757 #8A8A8A #A3A3A3 #C9C9C9

Suggested palettes for this hue.

Night Velvet View all →

Pastel 80s View all →

Tropical Jungle View all →