#8b4513
HEX
#8b4513 RGB
rgb(139, 69, 19) HSL
25°, 76%, 31% 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
CSS Code
.saddlebrown-color {
color: #8b4513;
}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.