Leather brown color

The classic warm brown of tanned leather, the color of a well-loved belt or saddle. It is a staple for shoes, bags, sofas and western-inspired fashion.

Also known as: Saddle leather.

Open in editor

The hex code for leather brown is #8B5A2B. In RGB it is rgb(139, 90, 43), in HSL hsl(29, 53%, 36%) and in CMYK 0, 35, 69, 45.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to leather brown

Pecan#8E5B3A Russet#80461B Sepia#704214 Walnut#773F1A Cocoa#875F42 Saddle brown#8B4513

About leather brown

Leather brown (#8B5A2B) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 139 red, 90 green and 43 blue (out of 255). It is mostly used in leather goods, furniture, menswear.

Swatch of Leather brown with its shades from light to dark · #8B5A2B — Leather brown · #8B5A2B

Leather brown shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Leather brown color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Lapis lazuli

AnalogousClose to: Burnt umber, Olive green

TriadicClose to: Sea green, Rebecca purple

Split complementaryClose to: Dark cyan, Midnight blue

TetradicClose to: Forest green, Lapis lazuli, Purple

Leather brown color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Leather brown

Analogous palette · Leather brown

Complementary palette · Leather brown

Triadic palette · Leather brown

With neutrals palette · Leather brown

With an accent palette · Leather brown

Leather brown contrast with text

White textContrast 5.8:1 · AA

Black textContrast 3.6:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --leather-brown: #8B5A2B;
  --leather-brown-rgb: 139, 90, 43;
}
.bg { background-color: var(--leather-brown); }
.text { color: var(--leather-brown); }