Brown Sugar Color – #ab764e: Codes and Complete Breakdown
By
Published on
The Brown Sugar color hex code is #ab764e, and it is composed of 67% red, 46% green and 31% blue.
Brown Sugar is a light, muted, and warm color at 54% saturation. It has a contrast ratio of 3.87:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Brown Sugar color (#ab764e) against dark backgrounds.

Brown Sugar Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#ab764e
Brown Sugar Color Codes and Information
Here’s a complete breakdown of the color Brown Sugar, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #ab764e |
| RGB | rgb(171,118,78) |
| HSL | hsl(26,37.3%,48.8%) |
| CMYK | 0, 31, 54, 33 |
| HSV | 26, 54, 67 |
| RGB % | 67, 46, 31 |
| XYZ | 24.6, 22.2, 10.2 |
| LAB | 54.2, 15.9, 30.3 |
| Color Category | Light |
| Color Family | Peach/Orange |
| Saturation | 54% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 3.87 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 5.43 (passes WCAG AA) |
Similar Colors to Brown Sugar Color
#645403

Olive Brown
#4c0400

Walnut Brown
#d5b59c

Kraft Paper
#7f2b0a

Reddish Brown
#bfaf92

A Pair of Brown Eyes
#2c1608

Zinnwaldite Brown
#735c53

Yorkshire Brown
#9b7a01

Yellowish Brown










