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

RGB rgb(108, 202, 126)

HSL hsl(131°, 47%, 61%)

CMYK C:47% M:0% Y:38% K:21%

Luminance 0.4758

WCAG Accessibility

On white 2.02:1

Aa — #6CCA7E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.39:1

Aa — #6CCA7E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6CCA7E #CA6DB9

Analogous

#8ACA6D #6CCA7E #6DCAAD

Triadic

#6CCA7E #7E6DCA #CA7E6D

Split-comp.

#6CCA7E #AD6DCA #CA6D8A

Tetradic

#6CCA7E #6D8ACA #CA6DB9 #CAAD6D

Monochromatic

#224929 #428F50 #77C084 #9AD0A4 #CEE9D3

Suggested palettes for this hue.

Sand Desert View all →

Grey Minimal View all →

Dragonfruit View all →