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

RGB rgb(221, 228, 220)

HSL hsl(113°, 13%, 88%)

CMYK C:3% M:0% Y:4% K:11%

Luminance 0.7665

WCAG Accessibility

On white 1.3:1

Aa — #DDE4DC

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.21:1

Aa — #DDE4DC

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DDE4DC #E3DCE4

Analogous

#E1E4DC #DDE4DC #DCE4DF

Triadic

#DDE4DC #DCDDE4 #E4DCDD

Split-comp.

#DDE4DC #DFDCE4 #E4DCE1

Tetradic

#DDE4DC #DCE1E4 #E3DCE4 #E4DFDC

Monochromatic

#787E77 #ACB0AB #E0E1DF #FAFAFA #FFFFFF

Suggested palettes for this hue.

Chocolate View all →

Matcha View all →

Marrakech View all →