Brown

SaddleBrown

#8B4513
HEX
#8B4513
RGB
rgb(139, 69, 19)
HSL
hsl(25, 76%, 31%)

Brown family

About SaddleBrown

SaddleBrown (#8B4513) is a dark, vivid brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Psychology

Brown evokes stability, reliability and comfort. It is the color of wood, earth and leather, so it reads as honest, rustic and warm, though in some contexts it can feel conservative or plain.

Applications

Brown is a staple of organic, coffee, chocolate, outdoor and craft brands. It works as a grounding neutral in palettes, for premium packaging, and in interior or furniture design where warmth and durability matter.

History

Browns have been made from earth pigments like umber, sienna and ochre since prehistoric times, and those same pigments still appear in artists’ palettes today under their traditional names.

Meaning

Brown represents earth, home, simplicity and reliability. It can signal wholesomeness and craftsmanship, and it often appears in brands that want to feel authentic, natural and down-to-earth.

Why use this color

Choose brown for brands and designs that need warmth, authenticity and a natural, grounded feel. It is perfect for coffee, food, outdoor and handmade products and for grounding brighter palettes.

Accessibility

Against white, #8B4513 has a 7.1:1 contrast ratio; against black it is 3.0:1. White text on #8B4513 meets WCAG AA for normal text.

Fun facts

  • Artists' browns like umber and sienna are named after the regions in Italy where the earth pigments were mined.
  • Brown is essentially a dark, desaturated orange or red.
  • Coffee, chocolate and wood all owe their rich, familiar tones to brown compounds.

Shades, tints & tones

Variations

Ten lightness steps plus SaddleBrown's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around SaddleBrown. Each swatch is one click from your clipboard.

Complementary

#8b4513#13598b

Analogous

#8b131d#8b4513#8b8113

Triadic

#8b4513#138b45#45138b

Split-complementary

#8b4513#138b81#131d8b

Tetradic

#8b4513#1d8b13#13598b#81138b

Monochromatic

#432109#904714#e06f1f#eba36f#f6d4bc

Accessibility

Blindness simulator

See how SaddleBrown is perceived with common types of color vision deficiency.

#8B4513

Normal vision

Standard trichromatic vision, shown for reference.

#594e0a

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#6a5e11

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#99353b

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#585858

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How SaddleBrown performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on SaddleBrown
7.10:1
AAAAAAA LargeAAA Large
AaBlack on SaddleBrown
2.96:1
AAAAAAA LargeAAA Large

The ratio is identical whether SaddleBrown is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put SaddleBrown to work, with copy-all support for each.

Complementary

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

Analogous

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

Triadic

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

Monochromatic

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

SaddleBrown (#8B4513) is a brown-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

SaddleBrown is #8B4513 — rgb(139, 69, 19) / hsl(25, 76%, 31%). SaddleBrown (#8B4513) is a dark, vivid brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Must-know facts

  • SaddleBrown is one of 355 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #13598b.

Related tools

These color tools pair naturally with the one you just used — keep exploring.