CSS named color
SaddleBrown
#8B4513
HEX
#8b4513RGB
rgb(139, 69, 19)HSL
hsl(25, 76%, 31%)OKLCH
oklch(47.08% 0.1121 50.85)NAME
saddlebrownPalette
Complementary
180° on the color wheelComplement
#13598B
Analogous
±30° around the base hueLeft
#8B131D
Right
#8B8113
Triadic
±120° for harmonic contrastTriad 1
#138B45
Triad 2
#45138B
Shades
Lighter and darker variantsCSS usage
By name
color: saddlebrown;
background-color: saddlebrown;By HEX
color: #8b4513;
background-color: #8b4513;By RGB
color: rgb(139, 69, 19);
background-color: rgb(139, 69, 19);By HSL
color: hsl(25, 76%, 31%);
background-color: hsl(25, 76%, 31%);WCAG contrast vs white
Aa
7.10:1
AAA
WCAG contrast vs black
Aa
2.96:1
Below minimum
Related colors
FAQ — SaddleBrown
What is the HEX code for SaddleBrown?
The HEX code for SaddleBrown is #8B4513. It's one of the 148 named CSS colors and can be used directly in CSS as color: saddlebrown; or color: #8b4513;
What is SaddleBrown in RGB?
SaddleBrown in RGB is rgb(139, 69, 19) — red 139, green 69, blue 19.
What is SaddleBrown in HSL?
SaddleBrown in HSL is hsl(25, 76%, 31%) — hue 25°, saturation 76%, lightness 31%.
What is the complementary color of SaddleBrown?
The complementary color (directly opposite SaddleBrown on the color wheel) is #13598B. The two together produce maximum contrast.
Is white text readable on SaddleBrown?
The WCAG contrast ratio against white (#FFFFFF) is 7.10:1, and against black (#000000) it's 2.96:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.