Seafoam (98AE9B) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #98AE9B

RGB rgb(152, 174, 155)

HSL hsl(128°, 12%, 64%)

CMYK C:13% M:0% Y:11% K:32%

Luminance 0.4008

WCAG Accessibility

On white 2.37:1

Aa — #98AE9B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.86:1

Aa — #98AE9B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#98AE9B #AE98AB

Analogous

#A0AE98 #98AE9B #98AEA6

Triadic

#98AE9B #9B98AE #AE9B98

Split-comp.

#98AE9B #A698AE #AE98A0

Tetradic

#98AE9B #98A0AE #AE98AB #AEA698

Monochromatic

#3C3E3C #6E726F #A1A5A2 #BBBEBC #E2E4E3

Suggested palettes for this hue.

Santorini View all →

Grey Minimal View all →

Golden Autumn View all →