Madras #473E23

Madras (#473E23) is a dark, muted yellow with an OKLCH hue of 92°, lightness 0.37 and chroma 0.044. 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#473E23
RGBrgb(71, 62, 35)
HSLhsl(45, 34%, 21%)
HSVhsv(45, 51%, 28%)
CMYKcmyk(0%, 13%, 51%, 72%)
CIE Lablab(26.5 -0.5 18)
OKLCHoklch(0.366 0.044 92)

How Madras behaves under real light

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

Test Madras 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 10.6:1 and against black 1.98:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid black text on this color entirely.

Colors that go with Madras

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.

#aea793 · #89826b · #665e45 · #473e23 · #251d05 · #080400

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.

#586540 · #525123 · #473e23 · #482e00 · #3f2002 · #351405

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.

#a4baa3 · #a19369 · #5b825a · #4d5f4c · #473e23 · #2f2400

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.

#a39d8b · #857c60 · #4d5a87 · #473e23 · #272316 · #100900

Quiet Support

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

#eff2f9 · #bebbb1 · #85878c · #5a574c · #473e23 · #26282e

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.

#f6f2e6 · #cfcbbd · #a5a090 · #473e23 · #100900 · #e5c14d

Complementary

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

#edf1ff · #adbae3 · #7785b5 · #4a557b · #473e23 · #2f2711

Split-complementary

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

#edf1ff · #9ac1df · #8f7dae · #355b77 · #473e23 · #2b2337

Triadic

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

#e2f6fb · #8ec6d1 · #a2779c · #6c4a67 · #473e23 · #0e2d32

Tetradic

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

#e2f7f3 · #90c8be · #7785b5 · #754854 · #473e23 · #21273a

Tints, shades & muted variants

Tints

#625941 · #7E7661 · #9B9482 · #B9B4A4 · #D8D4C7

Shades

#3C341B · #312A14 · #27210D · #1D1707 · #140F03

Muted

#453E2A · #433E30 · #423F35

Using Madras

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