Saddle Brown #8B4513

Saddle Brown#8B4513 · rgb(139, 69, 19)

Saddle Brown color codes

CSS namesaddlebrown
HEX#8B4513
RGBrgb(139, 69, 19)
HSLhsl(25, 76%, 31%)
CMYKcmyk(0%, 50%, 86%, 45%)
Decimal9127187

Shades of Saddle Brown (darker)

#7D3E11 · #6F370F · #61300D · #53290B · #46230A · #381C08 · #2A1506 · #1C0E04 · #0E0702

Tints of Saddle Brown (lighter)

#97582B · #A26A42 · #AE7D5A · #B98F71 · #C5A289 · #D1B5A1 · #DCC7B8 · #E8DAD0 · #F3ECE7

Color harmonies

Complementary
#13598B
Triadic
#138B45, #45138B
Analogous
#8B131D, #8B8113

Accessibility (WCAG contrast)

White text on Saddle Brown7.10:1 · AAA
Black text on Saddle Brown2.96:1 · Fail

Use Saddle Brown in code

.element {
  color: saddlebrown;          /* or #8b4513 */
  background-color: rgb(139 69 19 / 0.5);
}

Frequently asked questions

What is the hex code for Saddle Brown?

Saddle Brown is #8B4513 in HEX, rgb(139, 69, 19) in RGB and hsl(25, 76%, 31%) in HSL.

Can I use "saddlebrown" directly in CSS?

Yes. "saddlebrown" is one of the 148 standard CSS named colors, so color: saddlebrown; works in every browser.

Is Saddle Brown readable on white?

The contrast ratio of Saddle Brown on white is 7.10:1 (WCAG AAA). On black it is 2.96:1 (Fail).

What is the complementary color of Saddle Brown?

The complementary color (opposite on the color wheel) is #13598B.

Similar colors

Sienna#A0522DBrown#A52A2AFire Brick#B22222Olive#808000Dark Red#8B0000Dark Olive Green#556B2FMaroon#800000Dark Goldenrod#B8860B

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.