#FDB147Butterscotch (#FDB147) is a light, saturated orange with an OKLCH hue of 72°, lightness 0.81 and chroma 0.147. 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 | #FDB147 |
|---|---|
| RGB | rgb(253, 177, 71) |
| HSL | hsl(35, 98%, 64%) |
| HSV | hsv(35, 72%, 99%) |
| CMYK | cmyk(0%, 30%, 72%, 1%) |
| CIE Lab | lab(77.7 18.5 62.8) |
| OKLCH | oklch(0.815 0.147 72) |
Under warm 2700K interior light Butterscotch 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.4), so it is a lighting-stable choice.
#ffab3d — ΔE 1.4, shifts subtly: leans toward red#ffb143 — ΔE 0.4, is virtually unchanged#fdb147 — ΔE 0.0, is virtually unchanged#fdb249 — ΔE 0.2, is virtually unchangedAgainst white it measures 1.82:1 and against black 11.56:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
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.
#ffefdc · #fdb147 · #d7922b · #aa6e00 · #7b4e00 · #4f3000
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.
#ece386 · #f5cb63 · #fdb147 · #f19753 · #de805f · #c76d69
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.
#fdb147 · #9aab78 · #b37617 · #597300 · #694200 · #2a3800
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.
#f9e2c7 · #fdb147 · #4292e5 · #7b5726 · #593a0b · #352004
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fdb147 · #9da7b3 · #7f7262 · #3f464e · #261908 · #000104
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 · #949fab · #1a2736 · #000613 · #fdb147
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#dde4be · #fdb147 · #a4b883 · #6428ef · #293963 · #1a0623
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#baeaec · #fdb147 · #86b3c0 · #4e62bf · #433b57 · #1e0502
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fdb147 · #86afad · #008682 · #5f257d · #2d0042 · #000202
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fdb147 · #8eaf9e · #14895e · #004682 · #380029 · #000619
#FFBC65 · #FFC883 · #FFD39E · #FFDEB7 · #FFE9CE
#D28F2A · #A96E02 · #7E5000 · #563400 · #301B00
#F1B66A · #E5BA85 · #D9BD9D
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.