#77824AGrasshopper (#77824A) is a mid-tone, soft yellow-green with an OKLCH hue of 118°, lightness 0.58 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.
| HEX | #77824A |
|---|---|
| RGB | rgb(119, 130, 74) |
| HSL | hsl(72, 27%, 40%) |
| HSV | hsv(72, 43%, 51%) |
| CMYK | cmyk(8%, 0%, 43%, 49%) |
| CIE Lab | lab(52.3 -13.5 28.9) |
| OKLCH | oklch(0.584 0.080 118) |
Under warm 2700K interior light Grasshopper shifts subtly: drifts toward yellow; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.3), so it is a lighting-stable choice.
#7d7e43 — ΔE 1.3, shifts subtly: drifts toward yellow#7c8247 — ΔE 0.7, shifts subtly: leans toward orange#77824a — ΔE 0.0, is virtually unchanged#77834b — ΔE 0.3, is virtually unchangedTest Grasshopper 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 4.14:1 and against black 5.08:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.
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.
#ced8ac · #a6b180 · #77824a · #5d6733 · #3c4414 · #1e2400
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.
#84ab8b · #7c976b · #77824a · #726c37 · #6a5629 · #5e4221
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.
#83cab1 · #82a296 · #77824a · #5b6436 · #40481e · #0f3126
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.
#e0e5d1 · #bcc3a4 · #9b9f8e · #77824a · #615283 · #3c4129
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f2f0f9 · #95988d · #77824a · #626066 · #27291f · #010102
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.
#f3f0fa · #cac7d2 · #9d9aa6 · #24202e · #04020b · #77824a
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#addddc · #e781d8 · #77824a · #4d6d49 · #2f3155 · #20060b
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f3efff · #8595be · #77824a · #7a5178 · #1a2649 · #030003
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e5f4ff · #719db9 · #77824a · #864e61 · #411828 · #00050f
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e0f7fa · #66a2ab · #77824a · #675789 · #441914 · #020007
#8A9563 · #9EA87D · #B3BB97 · #C8CFB1 · #DEE3CC
#626B39 · #4D5628 · #394118 · #272D08 · #151A00
#788156 · #797F61 · #7A7E6B
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.