#AB764EBrown Sugar (#AB764E) is a mid-tone, soft orange with an OKLCH hue of 57°, lightness 0.61 and chroma 0.087. 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.
| HEX | #AB764E |
|---|---|
| RGB | rgb(171, 118, 78) |
| HSL | hsl(26, 37%, 49%) |
| HSV | hsv(26, 54%, 67%) |
| CMYK | cmyk(0%, 31%, 54%, 33%) |
| CIE Lab | lab(54.2 16.3 30.2) |
| OKLCH | oklch(0.611 0.087 57) |
Under warm 2700K interior light Brown Sugar shifts subtly: leans toward red; 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.
#ae7247 — ΔE 1.1, shifts subtly: leans toward red#af764b — ΔE 0.7, is virtually unchanged#ab764e — ΔE 0.0, is virtually unchanged#ab774f — ΔE 0.3, is virtually unchangedTest Brown Sugar 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 3.87:1 and against black 5.43: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.
#fdd1b2 · #d8a885 · #ab764e · #8c5c37 · #653b18 · #3f1c00
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.
#b9a777 · #b38f5f · #ab764e · #9a624d · #86504b · #704048
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.
#c5c684 · #a3a586 · #ab764e · #865b3b · #674022 · #323314
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.
#ffe6d5 · #71b0d8 · #ab764e · #6f6055 · #593f2c · #35251a
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ebf3f9 · #a89c95 · #ab764e · #646a6e · #342921 · #000102
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.
#e9f3fa · #c1cdd4 · #94a2ab · #1c2c37 · #000a15 · #ab764e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d5d8b2 · #62c4d5 · #ab764e · #895d66 · #2e3d5d · #05120f
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#bcdfc7 · #8895d4 · #ab764e · #3a5963 · #313b5b · #161105
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e0f8f1 · #6ead9e · #ab764e · #6f5e95 · #30224b · #000302
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e7f7e8 · #82ab86 · #ab764e · #317095 · #3e1c3e · #00050e
#BA8A67 · #C89E80 · #D7B299 · #E5C7B2 · #F4DCCC
#8F603C · #744A2A · #5A3619 · #422308 · #2A1000
#A3795B · #9B7C66 · #937F72
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.