Saddle brown color

A strong reddish brown, like a well-used leather horse saddle. It's one of the named HTML/CSS colors. It works for Western-themed designs, leather goods and earthy web palettes.

Saddle brown · #8B4513

About saddle brown

Saddle brown (#8B4513) is a warm, mid-tone, highly saturated color. It belongs to the browns family. It mixes 139 red, 69 green and 19 blue (out of 255). It is mostly used in web, Western decor, leather goods.

Saddle brown shades and tints

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

Saddle brown color harmonies

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

ComplementaryClose to: Ocean blue

AnalogousClose to: Ruby, Olive green

TriadicClose to: Shamrock green, Indigo

Split complementaryClose to: Dark cyan, Klein blue

TetradicClose to: Green, Ocean blue, Purple

Saddle brown color palettes

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

Monochromatic palette · Saddle brown

Analogous palette · Saddle brown

Complementary palette · Saddle brown

Triadic palette · Saddle brown

With neutrals palette · Saddle brown

With an accent palette · Saddle brown

Saddle brown contrast with text

White textContrast 7.1:1 · AAA

Black textContrast 3.0:1 · Not recommended

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

CSS code

:root {
  --saddle-brown: #8B4513;
  --saddle-brown-rgb: 139, 69, 19;
}
.bg { background-color: var(--saddle-brown); }
.text { color: var(--saddle-brown); }

Colors similar to saddle brown

Chocolate brown Russet Sienna Brown Walnut Sepia Burnt umber Chestnut Copper Cognac

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Espresso Walnut Burnt umber

Frequently asked questions

What is the hex code for saddle brown?

The hex code for saddle brown is #8B4513. In RGB it is rgb(139, 69, 19), in HSL hsl(25, 76%, 31%) and in CMYK 0, 50, 86, 45.

What is the complementary color of saddle brown?

Its complement on the color wheel is #13598B, close to ocean blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on saddle brown?

Yes. The contrast with white is 7.1:1, enough for body text (WCAG AA).