Gecko #9D913C

Gecko (#9D913C) is a mid-tone, soft yellow with an OKLCH hue of 101°, lightness 0.65 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#9D913C
RGBrgb(157, 145, 60)
HSLhsl(53, 45%, 43%)
HSVhsv(53, 62%, 62%)
CMYKcmyk(0%, 8%, 62%, 38%)
CIE Lablab(59.7 -6.4 45.6)
OKLCHoklch(0.650 0.107 101)

How Gecko behaves under real light

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

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

Colors that go with Gecko

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.

#f3eaac · #ccc27b · #9d913c · #817523 · #5c5200 · #383100

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.

#9fc08a · #9daa63 · #9d913c · #98782f · #8e612a · #7f4d2b

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.

#95b89e · #9d913c · #7d732e · #136638 · #433b00 · #042914

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.

#dcd6aa · #b5b29b · #9d913c · #58589c · #393410 · #1c1903

Quiet Support

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

#f0f1fc · #adac9c · #9d913c · #73747b · #333122 · #010103

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.

#f0f1fd · #c6c8d5 · #999aaa · #1f2032 · #03020f · #9d913c

Complementary

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

#c7dbb9 · #89b582 · #9d913c · #1762ae · #363b66 · #051218

Split-complementary

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

#acdcdb · #c391da · #9d913c · #526378 · #393d5d · #0a1304

Triadic

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

#dff7ff · #69b7d1 · #9d913c · #9e5a87 · #4d1a3d · #00050a

Tetradic

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

#daf9f7 · #64bcb8 · #9d913c · #6a6cb1 · #541724 · #01000c

Tints, shades & muted variants

Tints

#ACA15A · #BBB275 · #CAC390 · #D9D4AA · #E9E5C5

Shades

#827729 · #685E14 · #4F4600 · #362F00 · #1F1A00

Muted

#9A9152 · #979165 · #949075

Using Gecko

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