#8C5341Annatto (#8C5341) is a mid-tone, soft red with an OKLCH hue of 38°, lightness 0.5 and chroma 0.082. 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 | #8C5341 |
|---|---|
| RGB | rgb(140, 83, 65) |
| HSL | hsl(14, 37%, 40%) |
| HSV | hsv(14, 54%, 55%) |
| CMYK | cmyk(0%, 41%, 54%, 45%) |
| CIE Lab | lab(41.4 21.8 20.6) |
| OKLCH | oklch(0.503 0.082 38) |
Under warm 2700K interior light Annatto is virtually unchanged; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 0.9), so it is a lighting-stable choice.
#8e503b — ΔE 0.9, is virtually unchanged#8f533f — ΔE 0.6, is virtually unchanged#8c5341 — ΔE 0.0, is virtually unchanged#8c5442 — ΔE 0.3, is virtually unchangedTest Annatto 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.12:1 and against black 3.43: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.
#dcac9c · #b88373 · #8c5341 · #6e3b2a · #471b0d · #230200
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.
#a0815d · #976a4c · #8c5341 · #784240 · #62323d · #4c2538
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.
#cabe9e · #b39e63 · #8b8166 · #8c5341 · #683b2c · #4a2115
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.
#81cee4 · #92807a · #8c5341 · #5b3e34 · #3b221b · #1b0b07
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#eaf4f7 · #c0b3af · #798082 · #8c5341 · #554844 · #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.
#e9f4f8 · #bfcdd1 · #92a2a6 · #182b31 · #000a0f · #8c5341
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d3d8b2 · #d3a887 · #6399d3 · #8c5341 · #414f74 · #0c0727
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e1f6fd · #85c4be · #5682ad · #8c5341 · #075752 · #00030e
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e5f7ec · #93c4a7 · #7379af · #8c5341 · #434771 · #000401
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#edf5e4 · #aabf92 · #3d8a9f · #8c5341 · #564168 · #000408
#A06C5B · #B48576 · #C89F92 · #DCBAAF · #F0D5CC
#764333 · #613426 · #4D2519 · #39170D · #270A03
#845749 · #7C5B51 · #745F58
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.