Puma #96711C

Puma (#96711C) is a mid-tone, soft yellow with an OKLCH hue of 83°, lightness 0.57 and chroma 0.107. 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#96711C
RGBrgb(150, 113, 28)
HSLhsl(42, 69%, 35%)
HSVhsv(42, 81%, 59%)
CMYKcmyk(0%, 25%, 81%, 41%)
CIE Lablab(50 6.5 49.2)
OKLCHoklch(0.571 0.107 83)

How Puma behaves under real light

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

Test Puma 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 4.49:1 and against black 4.68:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.

Colors that go with Puma

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.

#e8ca91 · #c3a261 · #96711c · #785700 · #4e3700 · #281a00

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.

#99a265 · #988a41 · #96711c · #8c5a1c · #7d4521 · #6b3325

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.

#96c47e · #879d7c · #96711c · #74560e · #543b00 · #192d0d

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.

#eaddc3 · #cdb890 · #a29783 · #96711c · #385694 · #483817

Quiet Support

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

#edf2fc · #999284 · #96711c · #5a5e65 · #2d2618 · #000103

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.

#ecf2fd · #c2c9d6 · #959caa · #1a2233 · #01030f · #96711c

Complementary

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

#ebf2ff · #7792c8 · #96711c · #3d5c9a · #0d2352 · #0d0500

Split-complementary

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

#b2dfd3 · #8e7ccd · #96711c · #385060 · #2a3654 · #0e0f03

Triadic

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

#daf9fb · #48a2aa · #96711c · #7a4780 · #3b1340 · #000203

Tetradic

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

#ddf9f0 · #54a48e · #96711c · #3d5c9a · #450d2a · #00000d

Tints, shades & muted variants

Tints

#A78643 · #B89B63 · #CAB182 · #DBC7A1 · #EDDDC0

Shades

#7E5C09 · #654900 · #4D3600 · #362500 · #211400

Muted

#907339 · #89754D · #83765E

Using Puma

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