Saddle Brown is a medium-dark, saturated shade in the brown color family, with a warm feel. Its HEX code is #8B4513, which equals rgb(139, 69, 19) in RGB and hsl(25, 76%, 31%) in HSL. In print terms it converts to roughly C0 M50 Y86 K45, although exact CMYK results depend on the paper and color profile.
- HEX
#8B4513 - RGB
139, 69, 19 - HSL
25°, 76%, 31% - CMYK
0, 50, 86, 45 - Family
Brown - Tone
Medium-dark, saturated
About Saddle Brown
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 7.10:1. Its complementary color is #13598B.
Download Saddle Brown as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Saddle Brown color codes
| HEX | #8B4513 |
|---|---|
| RGB | rgb(139, 69, 19) |
| HSL | hsl(25, 76%, 31%) |
| HSV | 25°, 86%, 55% |
| CMYK | 0%, 50%, 86%, 45% |
| Decimal | 9127187 |
Shades and tints of Saddle Brown
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#ECE0D8 - 100
#D8C1B0 - 200
#C5A289 - 300
#B28362 - 400
#9E643A - 500
#8B4513 - 600
#743A10 - 700
#5D2E0D - 800
#46230A - 900
#2E1706 - 950
#170C03
Color harmonies for Saddle Brown
- Complementary
#13598B≈ Deep Soft Cerulean - Analogous −30°
#8B131D≈ Deep Bright Cardinal - Analogous +30°
#8B8113≈ Deep Soft Gold - Triadic +120°
#138B45≈ Deep Soft Jade - Triadic +240°
#45138B≈ Deep Bright Periwinkle - Split 150°
#138B81≈ Deep Soft Teal - Split 210°
#131D8B≈ Deep Soft Blue
Contrast and accessibility of Saddle Brown
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Saddle Brown | Aa | 7.10:1 | AAA (excellent) |
| Black text on Saddle Brown | Aa | 2.96:1 | Fails |
CSS code for Saddle Brown
background-color: #8B4513;color: #8B4513;background-color: rgb(139, 69, 19);background-color: hsl(25, 76%, 31%);:root { --color-saddle-brown: #8B4513; }class="bg-[#8B4513]"Colors similar to Saddle Brown
- Deep Soft Cinnabar
#8B4223 - Deep Bright Persimmon
#9C4911 - Deep Soft Persimmon
#8B4C23 - Dark Orange Tone
#854200 - Dark Bright Orange
#77420D - Deep Bright Cinnabar
#9C3B11 - Dark Bright Tangerine
#774D0D - Deep Soft Vermilion
#8B3723 - Dark Tangerine
#855000 - Dark Bright Persimmon
#77380D - Sepia
#704214 - Deep Soft Orange
#8B5723
More brown shades
- Burly Wood
#DEB887 - Tan
#D2B48C - Peru
#CD853F - Chocolate
#D2691E - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000
Frequently asked questions
What is the HEX code for Saddle Brown?
The HEX code for Saddle Brown is #8B4513.
What is the RGB value of Saddle Brown?
Saddle Brown has an RGB value of 139, 69, 19 (rgb(139, 69, 19)). In HSL it is 25°, 76%, 31%.
What text color should I use on Saddle Brown?
Use white text on Saddle Brown. White text has a contrast ratio of 7.10:1 and black text has 2.96:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Saddle Brown?
The complementary color of Saddle Brown is #13598B. Analogous colors #8B131D and #8B8113 also pair well.