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

RGB rgb(193, 211, 187)

HSL hsl(105°, 21%, 78%)

CMYK C:9% M:0% Y:11% K:17%

Luminance 0.6232

WCAG Accessibility

On white 1.58:1

Aa — #C1D3BB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.3:1

Aa — #C1D3BB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C1D3BB #CDBBD3

Analogous

#CDD3BB #C1D3BB #BBD3C1

Triadic

#C1D3BB #BBC1D3 #D3BBC1

Split-comp.

#C1D3BB #C1BBD3 #D3BBCD

Tetradic

#C1D3BB #BBCDD3 #CDBBD3 #D3C1BB

Monochromatic

#5C6C56 #8EA088 #C4CDC1 #DFE4DD #FFFFFF

Suggested palettes for this hue.

Dark UI View all →

Sand Desert View all →

Danger Red View all →