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%).

What RGB values make Saddle Brown?

Saddle Brown is 139 red, 69 green, and 19 blue, written as rgb(139, 69, 19).

Saddle Brown scores 7.1:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: saddlebrown directly in CSS, which every browser resolves to #8B4513.

#8B4513

Saddle Brown is an orange tone at #8B4513. It sits at 25 degrees on the color wheel with 76% saturation and 31% lightness.

Color values

Tints mix Saddle Brown with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E8DAD0

Tint 60%

#D1B5A1

Tint 40%

#B98F71

Tint 20%

#A26A42

Base

#8B4513

Shade 20%

#6F370F

Shade 40%

#53290B

Shade 60%

#381C08

Shade 80%

#1C0E04

On white

Sample text

7.1:1

Passes AAA for body text

On black

Sample text

2.96:1

Fails WCAG for text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Saddle Brown?: Saddle Brown is 139 red, 69 green, and 19 blue, written as rgb(139, 69, 19).
Is Saddle Brown readable as text on a white background?: Saddle Brown scores 7.1:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Saddle Brown a valid CSS color name?: Yes. You can write color: saddlebrown directly in CSS, which every browser resolves to #8B4513.