#AF7934Butterbeer (#AF7934) is a mid-tone, soft orange with an OKLCH hue of 70°, lightness 0.62 and chroma 0.108. 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 | #AF7934 |
|---|---|
| RGB | rgb(175, 121, 52) |
| HSL | hsl(34, 54%, 45%) |
| HSV | hsv(34, 70%, 69%) |
| CMYK | cmyk(0%, 31%, 70%, 31%) |
| CIE Lab | lab(55.1 14.4 45) |
| OKLCH | oklch(0.618 0.108 70) |
Under warm 2700K interior light Butterbeer 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), so it is a lighting-stable choice.
#b2752d — ΔE 1.0, shifts subtly: leans toward red#b37931 — ΔE 0.7, is virtually unchanged#af7934 — ΔE 0.0, is virtually unchanged#af7a35 — ΔE 0.2, is virtually unchangedTest Butterbeer 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.75:1 and against black 5.61: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.
#ffd5a6 · #dcab73 · #af7934 · #905f1b · #663e00 · #3c2200
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.
#b5ad6d · #b2934e · #af7934 · #a16237 · #8f4f3b · #7a3e3d
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.
#b8cf7e · #9eaa84 · #af7934 · #8a5e26 · #6a4308 · #2d3711
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.
#ffead3 · #e4c4a1 · #b5a492 · #af7934 · #2e69a1 · #5a4226
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#eaf3fc · #aa9f93 · #af7934 · #666c72 · #352a1e · #000103
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.
#eaf3fc · #c1cbd6 · #94a0ac · #1b2938 · #000815 · #af7934
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d4d6b0 · #bc9090 · #af7934 · #176382 · #303e5a · #041010
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#b9e1ce · #9091d3 · #af7934 · #445f6e · #2d3d5d · #131204
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#daf9f6 · #59b2ad · #af7934 · #7e589a · #3a1c4e · #000202
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e0f9ea · #6fb28e · #af7934 · #346fa7 · #48153b · #000618
#BD8D53 · #CBA170 · #D9B58C · #E7C9A7 · #F5DDC3
#936222 · #774C0F · #5C3800 · #402500 · #271400
#A77C4A · #9E7F5C · #95826C
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.