#87E0CFSea Foam (#87E0CF) is a very light, soft blue-green with an OKLCH hue of 180°, lightness 0.85 and chroma 0.09. It sits on the cool side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #87E0CF |
|---|---|
| RGB | rgb(135, 224, 207) |
| HSL | hsl(169, 59%, 70%) |
| HSV | hsv(169, 40%, 88%) |
| CMYK | cmyk(40%, 0%, 8%, 12%) |
| CIE Lab | lab(83.4 -30.6 -0.1) |
| OKLCH | oklch(0.846 0.090 180) |
Under warm 2700K interior light Sea Foam shifts subtly: leans toward green; in north-facing or shaded light it shifts subtly: leans toward sky blue. Overall drift across common illuminants is small (max ΔE ≈ 2.2), so it is a lighting-stable choice.
#97dbc1 — ΔE 2.2, shifts subtly: leans toward green#91e1cb — ΔE 1.1, shifts subtly: leans toward green#87e0cf — ΔE 0.0, is virtually unchanged#86e1d2 — ΔE 0.4, shifts subtly: leans toward sky blueTest Sea Foam in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 1.54:1 and against black 13.59:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
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.
#c9fff3 · #87e0cf · #63b3a4 · #428c7f · #21665b · #004239
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.
#daf8ff · #9ef0f1 · #87e0cf · #86caab · #85b48c · #849d71
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.
#87e0cf · #91b2c5 · #559d90 · #30799c · #186156 · #1c3e4f
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.
#def7f1 · #87e0cf · #bc778b · #477169 · #2c514a · #1a322d
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#87e0cf · #b7adaf · #707f7b · #4f4849 · #12211e · #030101
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.
#fbeef1 · #d3c5c8 · #a8979b · #301d22 · #0c0104 · #87e0cf
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e8f1cb · #87e0cf · #91c689 · #de5565 · #533750 · #160a04
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#87e0cf · #bfa9af · #946b8f · #73352b · #310d2e · #060000
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#87e0cf · #b2acbf · #82719f · #6c3c09 · #311600 · #020007
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#87e0cf · #a9afc1 · #6a79a6 · #703347 · #271c00 · #090002
#98E5D5 · #A8E9DC · #B8EEE2 · #C7F2E9 · #D5F7EF
#67B8A9 · #499184 · #2A6D62 · #094A41 · #002922
#99DCCE · #A8D8CE · #B7D4CD
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.