RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, buff symbolizes warmth, comfort, and simplicity, often used in designs that aim to create a cozy atmosphere. Conversely, in some Asian cultures, lighter shades like buff can signify purity and cleanliness, offering a contrasting interpretation of the color.
The term 'buff' originates from the late 17th century, initially referring to the color of buffalo leather. The color gained prominence in the 19th century, particularly within military uniforms, where it represented a practical and neutral tone that signified service and readiness.
Ranked by CIE76 ΔE — the perceptual distance from Buff. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Buff by lightness — from #7D7244 (darkest) to #F7EDBE (lightest). Click any to copy.
Sitting opposite Buff at 229° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Buff.
A 50–900 tonal scale with Buff anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #F0DC82; color-mix(in srgb, #F0DC82 70%, white) 49°, 46%, 94% 0, 8, 46, 6 15785090 #FFCC99 How Buff appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.