Saddle Brown hex code
The hex code for saddle brown is #8B4513. In RGB that is rgb(139, 69, 19) and in HSL it is hsl(25, 76%, 31%).
The hex code for saddle brown is #8B4513. In RGB that is rgb(139, 69, 19) and in HSL it is hsl(25, 76%, 31%).
Saddle Brown · #8B4513
Colour codes
- HEX
- #8B4513
- RGB
- rgb(139, 69, 19)
- HSL
- hsl(25, 76%, 31%)
- CMYK
- 0, 50, 86, 45
- CSS name
- saddlebrown
- Contrast on white
- 7.10:1
- Contrast on black
- 2.96:1
Tints and shades
20% lighter · #a26a42
40% lighter · #b98f71
60% lighter · #d1b5a1
80% lighter · #e8dad0
20% darker · #6f370f
40% darker · #53290b
60% darker · #381c08
80% darker · #1c0e04
Complementary colour
Saddle Brown · #8B4513
Opposite on the colour wheel · #13598b
Frequently asked questions
What is the hex code for saddle brown?
The hex code for saddle brown is #8B4513. In RGB that is rgb(139, 69, 19) and in HSL it is hsl(25, 76%, 31%).
Can I use saddle brown for text?
It has a contrast ratio of 7.10:1 on white and 2.96:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with saddle brown?
Its complementary colour, opposite on the colour wheel, is #13598B. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of saddle brown instead.
Is saddle brown a CSS colour name?
Yes. CSS accepts the keyword saddlebrown, so color: saddlebrown and color: #8B4513 render exactly the same.