Seafoam Green #99BB88

Seafoam Green (#99BB88) is a light, soft green with an OKLCH hue of 135°, lightness 0.75 and chroma 0.08. It sits on the transitional side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#99BB88
RGBrgb(153, 187, 136)
HSLhsl(100, 27%, 63%)
HSVhsv(100, 27%, 73%)
CMYKcmyk(18%, 0%, 27%, 27%)
CIE Lablab(72.3 -21 22.2)
OKLCHoklch(0.754 0.080 135)

How Seafoam Green behaves under real light

Under warm 2700K interior light Seafoam Green shifts subtly: drifts toward yellow-green; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.7), so it is a lighting-stable choice.

Test Seafoam Green in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 2.14:1 and against black 9.82:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with Seafoam Green

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#dffcd1 · #b4d5a5 · #99bb88 · #6a875b · #48623b · #293f1e

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#aee3cd · #a1d0ab · #99bb88 · #97a36f · #918c5b · #88764d

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#99bb88 · #759994 · #617c53 · #00645e · #2c4320 · #002926

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#cbd6c6 · #99bb88 · #9a78a8 · #44543b · #283621 · #111a0d

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#f5f0f7 · #99bb88 · #8f968c · #5b575c · #20271d · #010102

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#f5eff8 · #cdc6d0 · #a098a4 · #271e2c · #060109 · #99bb88

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#f8edfd · #99bb88 · #a388ae · #6a4a77 · #31183a · #000200

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#f8edfd · #99bb88 · #8f8eb9 · #784663 · #221e43 · #040002

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#e9f3ff · #99bb88 · #7995bb · #7f454a · #3f1419 · #000109

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#e2f6fe · #99bb88 · #679cb1 · #6a4a77 · #3e1703 · #030005

Tints, shades & muted variants

Tints

#A7C598 · #B5CFA8 · #C3DAB8 · #D2E4C9 · #E0EED9

Shades

#7B9A6C · #5F7A51 · #445B38 · #2A3E20 · #132309

Muted

#9EB991 · #A3B699 · #A7B4A1

Using Seafoam Green

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors