What is the hex code for SaddleBrown?

The hex code for SaddleBrown is #8B4513.

What is the RGB value of SaddleBrown?

The RGB value of SaddleBrown is rgb(139, 69, 19).

What is the HSL value of SaddleBrown?

The HSL value of SaddleBrown is hsl(25, 76%, 31%).

What is the HSV value of SaddleBrown?

The HSV value of SaddleBrown is hsv(25, 86%, 55%).

What CSS code do I use for SaddleBrown?

Use background-color: #8B4513; for background, color: #8B4513; for text, or border: 1px solid #8B4513; for borders.

SaddleBrown Hex #8B4513: HTML Color Code & Gradients

SaddleBrown (#8B4513) Color Codes & Gradients

Color Preview

Make a gradient with SaddleBrown →

Opens SaddleBrown with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	saddlebrown
Hex	#8B4513
RGB	rgb(139, 69, 19)
HSV	hsv(25, 86%, 55%)
HSL	hsl(25, 76%, 31%)
OKLCH	oklch(47.08% 0.1121 50.85)

What is the color name for #8B4513?

#8B4513 color name is SaddleBrown.

Color Information

The HTML color SaddleBrown has the hexadecimal code #8B4513 and in the RGB color space is composed of 55% red, 27% green, and 7% blue. The color SaddleBrown has a hue angle of 25 degrees, a saturation of 75.9% and a lightness of 31%.

SaddleBrown CSS Code Snippets

Background Color

.bg-saddlebrown { background-color: #8B4513; }

Text Color

.text-saddlebrown { color: #8B4513; }

Border Color

.border-saddlebrown { border: 1px solid #8B4513; }

Shade Gradient

.gradient-shade-saddlebrown { background: linear-gradient(135deg, #8B4513, #040201); }

Tint Gradient

.gradient-tint-saddlebrown { background: linear-gradient(135deg, #8B4513, #E78F50); }

Monochromatic Gradient

.gradient-mono-saddlebrown { background: linear-gradient(135deg, #8B4513, #D4691D); }

SaddleBrown Shades

#753A10

#5E2F0D

#48240A

#311807

#1B0D04

#040201

SaddleBrown Tints

#A15016

#B85B19

#CE661C

#E17223

#E4813A

#E78F50

SaddleBrown Tones

#81471D

#764828

#6C4A32

#624C3C

#584E46

#4F4F4F

SaddleBrown Monochromatic

#D4691D

#AF5718

#8B4513

#67330E

#422109

#1E0F04

Similar Colors to SaddleBrown

#8B1D13

#8B2D13

#8B3D13

#8B4D13

#8B5D13

#8B6D13

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator