Saddle Brown
HEX: #8B4513 | Modern Palette
Color Specifications
#8B4513
139, 69, 19
25°, 86% ,54%
0, 50.36, 86.33, 45.49
About Saddle Brown
Saddle Brown (#8B4513) is a color with RGB(139, 69, 19) and HSL(25°, 86.33%, 54.51%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #13598B, which creates strong contrast. Its triadic palette includes #138B45 and #45138B. The name comes from Saddle Brown (English).
- HEX: #8B4513
- RGB: 139, 69, 19
- HSL: 25°, 86.33%, 54.51%
- Mood: Energetic, Bold
- Style: Vivid, Warm
- Use case: Text, Button, Accent
- Complementary color: #13598B
- Triadic colors: #138B45, #45138B
- The name comes from Saddle Brown (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #8B4513 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The color 'Saddle Brown' is directly inspired by the natural and dyed leather used for horse saddles. Saddle leather, often made from cowhide, is typically tanned and sometimes dyed to achieve various shades of brown. The specific shade associated with 'Saddle Brown' (like #8b4513) tends to be a medium to dark reddish-brown, reflecting the rich, warm tones often found in well-maintained leather saddles. Its popularity as a named color grew as industries began to categorize and market specific shades, moving beyond generic 'brown' to more descriptive and evocative names. It became a common color in fashion, particularly for shoes, belts, and bags, as well as in home furnishings and automotive interiors, due to its association with quality, durability, and a classic aesthetic.
First Recorded Use
The specific term 'Saddle Brown' as a named color gained prominence in the late 19th and early 20th centuries, particularly with the standardization of color names in fashion, interior design, and art supplies. The concept of a 'saddle color' would have existed much earlier.
Cultural Associations
Culturally, 'Saddle Brown' evokes images of equestrianism, the American West, craftsmanship, and tradition. It is often associated with ruggedness, reliability, and a timeless, classic style. In fashion, it's considered a versatile neutral, pairing well with a wide range of other colors. It conveys a sense of warmth, earthiness, and understated sophistication. Its connection to leather goods also links it to luxury and quality craftsmanship.
Code Snippets
/* Background */
.element {
background-color: #8B4513;
}
/* Text */
.element {
color: #8B4513;
}
/* Border */
.element {
border: 1px solid #8B4513;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#8B4513,
#279CEF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#8B4513,
#279CEF
);
}// SCSS variable
$saddle-brown: #8B4513;
// With RGB channels (useful for rgba() usage)
$saddle-brown-r: 139;
$saddle-brown-g: 69;
$saddle-brown-b: 19;
// Usage
.element {
background-color: $saddle-brown;
color: rgba($saddle-brown-r, $saddle-brown-g, $saddle-brown-b, 0.8);
}