Pebble #9D9880

Pebble (#9D9880) is a mid-tone, muted yellow with an OKLCH hue of 97°, lightness 0.68 and chroma 0.035. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#9D9880
RGBrgb(157, 152, 128)
HSLhsl(50, 13%, 56%)
HSVhsv(50, 18%, 62%)
CMYKcmyk(0%, 3%, 18%, 38%)
CIE Lablab(62.7 -2.3 13.3)
OKLCHoklch(0.677 0.035 97)

How Pebble behaves under real light

Under warm 2700K interior light Pebble shifts subtly: leans toward orange; in north-facing or shaded light it shifts subtly: leans toward green. Overall drift across common illuminants is small (max ΔE ≈ 1.5), so it is a lighting-stable choice.

Test Pebble 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.9:1 and against black 7.24: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 Pebble

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.

#f5f1de · #cdc9b3 · #9d9880 · #817c66 · #5d5945 · #3b3727

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.

#b1c59d · #a9af7e · #9d9880 · #9b8154 · #8e6c4b · #7e5944

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.

#a7beaa · #9d9880 · #847a4d · #3c6946 · #4a4219 · #192e1d

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.

#e4debf · #bdbaaa · #9d9880 · #545a88 · #3f3a23 · #221f10

Quiet Support

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

#f0f1f9 · #9d9880 · #7f7d73 · #494a4f · #201e15 · #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.

#f4f2e8 · #cccabf · #9d9880 · #2a2617 · #080600 · #ddc44e

Complementary

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

#eef1ff · #9d9880 · #7379a0 · #414673 · #181a3c · #070400

Split-complementary

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

#eef1ff · #9d9880 · #60809f · #563f6a · #00203a · #020005

Triadic

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

#e2f6fc · #9d9880 · #518594 · #653a59 · #301029 · #000407

Tetradic

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

#e2f7f4 · #9d9880 · #508883 · #414673 · #360f19 · #010007

Tints, shades & muted variants

Tints

#ABA792 · #BAB6A4 · #C9C6B6 · #D8D5C8 · #E7E5DB

Shades

#817D67 · #66624F · #4C4938 · #343123 · #1E1B0F

Muted

#9C9885 · #9B988A · #99988F

Using Pebble

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