Brown Sugar
Also known as: New England Roast, Copper Mine, Balthasar Gold, Copper Mountain
Brown Sugar sits on the warm side of the spectrum: a gentle brown that feels cozy and dependable. Try it in coffee and food branding and rustic interiors. Set it against a blue accent when you want the combination to pop. Against dark backgrounds it stays legible (5.43:1), but avoid it as text on white.
Brown Sugar color codes
- HEX
- #AB764E
- RGB
- rgb(171, 118, 78)
- RGBA
- rgba(171, 118, 78, 1)
- HSL
- hsl(26, 37%, 49%)
- HSV
- hsv(26, 54%, 67%)
- CMYK
- cmyk(0%, 31%, 54%, 33%)
- LAB
- lab(54.6 18.1 30.7)
- OKLCH
- oklch(61.1% 0.087 57.3)
Color intelligence
Displays accurately on every screen and translates well to print.
Temperature
warm
Nearest standard colors
- CSS: peru#CD853F · ΔE 9.5
- RAL 1011 — Brown beige#AF804F · ΔE 4.7 · approximate
RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.
Where Brown Sugar works
- Web & UI: A supporting-cast color for UI: chart fills, tags, empty-state illustrations — not text.
- Interiors: Strong for a whole room, excellent in doses: an accent wall, cabinetry, or a statement chair.
- Fashion: A wardrobe neutral: it anchors outfits and pairs with nearly any accent color.
- Branding: Craft and heritage material — coffee, leather goods, and premium packaging live here.
- Fashion: Wears best as the statement piece — a top, scarf, or shoes — against neutral basics.
- Branding: A secondary brand color by nature: it supports a stronger primary and shines in illustration.
Copy as — every ecosystem
Tints, shades, and tones of Brown Sugar
Tints (lighter)
Shades (darker)
Color harmonies
Palettes built from Brown Sugar by rotating its hue in OKLCH space. Click any swatch to copy its hex code.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Contrast & accessibility
Aa — on white
contrast 3.87:1
AA failAAA failAA large pass
Aa — on black
contrast 5.43:1
AA passAAA failAA large pass
Best text color on a Brown Sugar background: #000000
Palettes featuring Brown Sugar
Brown Sugar with its complement
Soft neighbors of Brown Sugar
Brown Sugar triad
Similar colors
- Stroopwafel#A86F48 · ΔE 2.5
- Pecan#A67253 · ΔE 3.2
- Bourbon#AF6C3E · ΔE 4.1
- Mocha#9D7651 · ΔE 4.1
- Dune Spice#B66E45 · ΔE 4.7
- Hazel#A36B4B · ΔE 4.8
Looking for maximum contrast instead? The complement of Brown Sugar is closest to Forget-Me-Not.
Brown Sugar FAQs
What color is Brown Sugar?
Brown Sugar is a medium brown with the hex code #AB764E. In HSL terms it has a hue of 26°, 37% saturation, and 49% lightness.
What is the hex code for Brown Sugar?
The hex code for Brown Sugar is #AB764E. In RGB it's rgb(171, 118, 78), and in CMYK it's cmyk(0%, 31%, 54%, 33%).
What colors go well with Brown Sugar?
Brown Sugar pairs naturally with blue tones from its complementary harmony, and with cyan accents from its split-complementary palette. Its own tints and shades always work as a monochrome scheme.
Got a photo with a color like this? Identify it with the analyzer — free, instant, private.