Saddlebrown colour (#8B4513)

Saddlebrown is dark an orange with hex code #8B4513, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 139, 69, 19; in HSL 25°, 76%, 31%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Saddlebrown colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Saddlebrown in every format

FormatValue
HEX#8B4513
RGBrgb(139, 69, 19)
RGB (0–1)0.545, 0.271, 0.075
HSLhsl(25, 76%, 31%)
CMYK (approx.)0%, 50%, 86%, 45%
CSScolor: saddlebrown;

Shades and tints of Saddlebrown

Same hue and saturation, lightness from 90% to 10%:

#f9e2d2 #f3c6a5 #eda978 #e78c4b #e06f1f #b45918 #874312 #5a2d0c #2d1606

Colours that go with Saddlebrown

HarmonyColours
Complementary #13598b
Triadic #138b45 #45138b
Analogous #8b8113 #8b131d

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
sienna #a0522dclose
brown #a52a2aclose
firebrick #b22222close
olive #808000close
darkred #8b0000close

Accessibility

Contrast ratio of Saddlebrown against white is 7.1:1 (passes WCAG AA for normal text) and against black 2.96:1 (fails). Use Saddlebrown for text on white backgrounds.

Frequently asked questions

What is the hex code for Saddlebrown?

#8B4513.

What is Saddlebrown in RGB?

rgb(139, 69, 19).

What colour is complementary to Saddlebrown?

#13598b, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.