Saddle Brown

Online color picker to view shades, tints, color codes, and complementary colors

Saddle Brown color codes graphic
Saddle Brown is a dark, muted earth tone that brings a grounded quality to design projects. With its warm undertones, #8b4513 works best as a supporting accent rather than a primary background to avoid appearing muddy. Pair this hex code with cream or soft gold for a vintage aesthetic. It provides excellent contrast against white text, making it a reliable choice for readable, moody interface elements.

Questions about Saddle Brown

What is the hex code for Saddle Brown?
Saddle Brown is #8b4513. In RGB that is rgb(139, 69, 19), in HSL hsl(25, 76%, 31%) and in CMYK 0%, 50%, 86%, 45%.
What colors pair well with Saddle Brown #8b4513?
Saddle Brown #8b4513 creates a classic vintage aesthetic when balanced with cream or soft gold tones. For a more modern, grounded approach, pair it with sage green or a muted terracotta to emphasize its natural, earthy warmth.
Does #8b4513 work well for website text?
While #8b4513 provides strong contrast against white backgrounds, it is best reserved for accent elements like buttons, borders, or headers. Avoid using this dark, muted brown for small body text as it may lack the readability of a pure neutral black.
Is Saddle Brown readable on white or black?
Saddle Brown has a 7.09:1 contrast ratio on white and 2.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.