What colors go well with seafoam green?

Seafoam Green pairs with its complementary colour #E29FC2 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Seafoam Green Color — Hex Code #9FE2BF, RGB, Palettes & CSS

Q: What is the hex code for seafoam green?

Seafoam Green is commonly #9FE2BF, which is rgb(159, 226, 191). Like most descriptive colour names it covers a small range, but this is a widely used value.

Seafoam Green colour codes

Hex

#9FE2BF

RGB

rgb(159, 226, 191)

HSL

hsl(149, 54%, 75%)

HSV

hsv(149, 30%, 89%)

OKLCH

oklch(0.86 0.08 161)

CMYK

cmyk(30%, 0%, 15%, 11%)

Complementary palette

Seafoam Green with its opposite on the colour wheel.

#9FE2BF

rgb(159, 226, 191)

#E29FC2

rgb(226, 159, 194)

Triad palette

Seafoam Green with two evenly-spaced partners.

#9FE2BF

rgb(159, 226, 191)

#BF9FE2

rgb(191, 159, 226)

#E2BF9F

rgb(226, 191, 159)

Monochromatic palette

Lighter and darker versions of seafoam green at the same hue.

#517261

rgb(81, 114, 97)

#70A087

rgb(112, 160, 135)

#90CDAD

rgb(144, 205, 173)

#A8EFCA

rgb(168, 239, 202)

Lighter tints

Seafoam Green toward white.

#9FE2BF

rgb(159, 226, 191)

#ADE6C8

rgb(173, 230, 200)

#BAEAD1

rgb(186, 234, 209)

#C8EEDA

rgb(200, 238, 218)

#D6F3E4

rgb(214, 243, 228)

#E4F7ED

rgb(228, 247, 237)

#F1FBF6

rgb(241, 251, 246)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Seafoam Green toward black.

#9FE2BF

rgb(159, 226, 191)

#88C2A4

rgb(136, 194, 164)

#72A188

rgb(114, 161, 136)

#5B816D

rgb(91, 129, 109)

#446152

rgb(68, 97, 82)

#2D4137

rgb(45, 65, 55)

#17201B

rgb(23, 32, 27)

#000000

rgb(0, 0, 0)

About seafoam green

A soft pale green-blue like sea foam. Fresh and coastal, it is popular in spa, beach and wellness design. The value shown here (#9FE2BF) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with seafoam green

The complementary colour (#E29FC2) sits opposite seafoam green on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using seafoam green in your design

For CSS, paste #9FE2BF or the oklch(0.86 0.08 161) value, or download the ready-made seafoam-green.css file above — it includes a full 50–950 token scale. Always check contrast before using seafoam green behind text.

What is the hex code for seafoam green?

Seafoam Green is commonly #9FE2BF (rgb(159, 226, 191)). It covers a small range, but this is a widely used value.

What colours go well with seafoam green?

Its complementary colour #E29FC2 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Seafoam Green colour

Seafoam Green colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About seafoam green

Palettes that work with seafoam green

Using seafoam green in your design

Popular colours

Color tools