SaddleBrown Color — HEX, RGB, HSL, Palettes & Contrast

SaddleBrown (#8b4513): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use SaddleBrown in Your Projects

About SaddleBrown Color

SaddleBrown is a rich, dark brown named after saddle leather. It evokes ruggedness and reliability, ideal for outdoor and equestrian brands.

Use Cases for SaddleBrown

equestrian brandsoutdoor gearleather goodsrustic themesearthy headers

Shades & Tints of SaddleBrown

#ffffff
#e2d1c4
#c5a289
#a8744e
#8b4513
#68340e
#46230a
#231105
#000000

Complementary Color

#8b4513
#13598b

Analogous Colors

#8b131d
#8b4513
#8b8113

Triadic Colors

#8b4513
#138b45
#45138b

Split Complementary

#8b4513
#138b81
#131d8b

Tetradic Colors

#8b4513
#598b13
#13598b
#45138b

CSS Code

.saddlebrown-color {
  color: #8b4513;
  background-color: #8b4513;
}

/* As a CSS custom property */
:root {
  --color-saddlebrown: #8b4513;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on SaddleBrown
Ratio: 2.96:1 ✗ Fails AA ✗ Fails AAA
White text on SaddleBrown
Ratio: 7.1:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is SaddleBrown?

SaddleBrown is represented by the hex code #8b4513 and has RGB values of rgb(139, 69, 19). It falls under the Brown category.

How to use SaddleBrown in web design?

SaddleBrown works well for equestrian brands, outdoor gear, leather goods. SaddleBrown is a rich, dark brown named after saddle leather. It evokes ruggedness and reliability, ideal for outdoor and equestrian brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with SaddleBrown?

Colors that pair well with SaddleBrown include chocolate, sienna, brown, maroon, peru. For a complementary scheme, try #13598b. For an analogous scheme, use #8b131d and #8b8113. For a triadic scheme, combine with #138b45 and #45138b.