Brown Color Codes (Shades of Brown)

Brown is really dark orange or dark red with low saturation, which is why its shades range from reddish chestnut and mahogany to yellowish tan and ochre. This page lists 34 named browns — the nine browns CSS knows by name, such as saddlebrown, sienna, chocolate and peru, plus coffee, café au lait, chestnut, umber, sepia, russet, bronze and copper — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades, and the best text color for each.

How to use this tool

1. Choose a shade of brown from the list.
2. Copy its HEX, RGB, HSL or CMYK code from the results.
3. Use the tints and shades table for lighter and darker versions.
4. Compare all browns in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); printers convert with ICC profiles and may give different numbers.

Example

Saddle brown (saddlebrown) is #8B4513 = rgb(139, 69, 19), hsl(25, 75.9%, 31%) — an orange hue at low lightness, which is what the eye reads as brown. White text on it reaches 7.09:1. Coffee #6F4E37 converts to CMYK 0%, 29.7%, 50.5%, 56.5% with the simple formula.