What is the HEX code for SaddleBrown?

The HEX code for SaddleBrown is #8B4513.

What is the RGB value for SaddleBrown?

SaddleBrown uses RGB values 139,69,19.

Can I use SaddleBrown directly in CSS?

Yes. You can use the named CSS color saddlebrown, the HEX value #8B4513, or rgb(139,69,19).

HTML named color

SaddleBrown color code

Use the SaddleBrown HTML color with HEX #8B4513, RGB 139,69,19 and HSL 25,76%,31%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bruns

#8B4513

rgb(139,69,19)

HEX

#8B4513

RGB

rgb(139,69,19)

HSL

hsl(25,76%,31%)

OKLCH

oklch(47.1% 0.112 50.8)

CSS name

saddlebrown

How to use this color

SaddleBrown can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-saddle-brown {
  color: #8B4513;
}

.bg-saddle-brown {
  background-color: saddlebrown;
}

.border-saddle-brown {
  border-color: rgb(139,69,19);
}