#984218Hot Brown (#984218) is a dark, soft red with an OKLCH hue of 43°, lightness 0.49 and chroma 0.127. 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 | #984218 |
|---|---|
| RGB | rgb(152, 66, 24) |
| HSL | hsl(20, 73%, 35%) |
| HSV | hsv(20, 84%, 60%) |
| CMYK | cmyk(0%, 57%, 84%, 40%) |
| CIE Lab | lab(39 33.7 40.9) |
| OKLCH | oklch(0.486 0.127 43) |
Under warm 2700K interior light Hot Brown is virtually unchanged; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 0.6), so it is a lighting-stable choice.
#993f13 — ΔE 0.6, is virtually unchanged#9b4216 — ΔE 0.6, is virtually unchanged#984218 — ΔE 0.0, is virtually unchanged#984319 — ΔE 0.2, is virtually unchangedTest Hot Brown 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 6.71:1 and against black 3.13:1, so white 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.
#eca688 · #c97c5b · #984218 · #7e2e00 · #4d1800 · #210400
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.
#a47937 · #a05e20 · #984218 · #832f29 · #6c1f30 · #531332
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.
#c7ba86 · #b2992b · #887c50 · #984218 · #712c07 · #4c1700
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.
#46cbf5 · #94786d · #984218 · #603421 · #3e1909 · #1b0500
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#e6f5fb · #c3afa7 · #717b7f · #984218 · #55423a · #000203
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.
#e7f4fa · #becdd3 · #90a2a9 · #142c34 · #000910 · #984218
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#dcd9b3 · #cd9db1 · #2ca29d · #984218 · #3b4d5c · #041209
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e0f6ff · #58c8c6 · #3d7bc2 · #984218 · #005251 · #00061c
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#dcfaeb · #72c8a2 · #706dc1 · #984218 · #413c7e · #000301
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e8f8de · #9ac27f · #0086a8 · #984218 · #5b326f · #000408
#AC5E3D · #C07B5D · #D3977E · #E6B39F · #F9D1C0
#81340B · #6B2600 · #541B00 · #3E1100 · #290700
#8D4A2D · #82513D · #76574A
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.