Saddle Brown

Saddle Brown is a dark, saturated red-orange color with the hex code #8B4513 (hue 25°, saturation 76%, lightness 31%). It is also the CSS named color saddlebrown.

#8B4513

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Saddle Brown	`#8B4513`	139, 69, 19	25°, 76%, 31%	0, 50, 86, 45	47.1% 0.112 51

Contrast with white text 7.10:1, with black text 2.96:1 — use white text on Saddle Brown.

saddlebrown is one of the 148 named colors in CSS, with exactly this value, so color: saddlebrown works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F9E2D2

#F0B78F

#E68C4C

#CA641C

#874312

#432109

Colors that go with Saddle Brown

Six color schemes built on Saddle Brown with classic harmony rules. The complementary scheme pairs it with Baleine Blue (#165A90), the color opposite it on the color wheel.

Nearest CSS named colors

Sienna (CSS) (sienna): Sienna (CSS) (#A0522D) is lighter than Saddle Brown (relative luminance 0.137 vs 0.098) and less saturated, with its hue 6° away.
Brown (CSS) (brown): Brown (CSS) (#A52A2A) is about as light as Saddle Brown (relative luminance 0.098 vs 0.098) and less saturated, with its hue 25° away.
Fire Brick (firebrick): Fire Brick (#B22222) is lighter than Saddle Brown (relative luminance 0.107 vs 0.098) and less saturated, with its hue 25° away.
Dark Red (CSS) (darkred): Dark Red (CSS) (#8B0000) is darker than Saddle Brown (relative luminance 0.055 vs 0.098) and more saturated, with its hue 25° away.

Similar dark orange colors

Questions

What is the hex code for Saddle Brown?

#8B4513 — RGB 139, 69, 19, HSL 25°, 76%, 31%.

Is Saddle Brown a warm or cool color?

Warm — its hue sits at 25° on the color wheel.