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

RGB rgb(131, 206, 150)

HSL hsl(135°, 43%, 66%)

CMYK C:36% M:0% Y:27% K:19%

Luminance 0.5188

WCAG Accessibility

On white 1.87:1

Aa — #83CE96

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.23:1

Aa — #83CE96

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#83CE96 #CE83BB

Analogous

#96CE83 #83CE96 #83CEBB

Triadic

#83CE96 #9683CE #CE9683

Split-comp.

#83CE96 #BB83CE #CE8396

Tetradic

#83CE96 #8396CE #CE83BB #CEBB83

Monochromatic

#2C5837 #4F9C62 #8CC59A #AED6B8 #E0F0E4

Suggested palettes for this hue.

Purple UI View all →

Sahara View all →

Amazon View all →