Codes & values
- Color Name
Saddle Brown - Color ID
KDF-C-09127187 - HEX
#8B4513 - RGB
rgb(139, 69, 19) - RGBA
rgba(139, 69, 19, 1) - HSL
hsl(25, 76%, 31%) - HSLA
hsla(25, 76%, 31%, 1) - HSV / HSB
hsv(25, 86%, 55%) - CMYK
cmyk(0%, 50%, 86%, 45%) - Light / Dark
mid
Quick answers
- What is the HEX code for Saddle Brown?
- #8B4513
- What is Saddle Brown RGB?
- rgb(139, 69, 19)
- What is Saddle Brown HSL?
- hsl(25, 76%, 31%)
- What is Saddle Brown CMYK?
- cmyk(0%, 50%, 86%, 45%)
What is Saddle Brown?
Saddle Brown is a curated orange family color at #8B4513. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Saddle Brown HEX code
The HEX code for Saddle Brown is #8B4513. Paste it into CSS as color: #8B4513; or background-color: #8B4513;. Design tools accept the same six-digit value without the # prefix (8b4513).
Saddle Brown RGB
Saddle Brown in RGB is rgb(139, 69, 19) (channels R 139, G 69, B 19). Use RGB when you need opacity via rgba(139, 69, 19, 1).
Saddle Brown HSL & HSV
HSL is hsl(25, 76%, 31%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(25, 86%, 55%), closer to how many digital pickers expose hue, saturation, and brightness.
Saddle Brown CMYK
Approximate CMYK for Saddle Brown is cmyk(0%, 50%, 86%, 45%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Saddle Brown
Darker shades (mixed toward black): #743A10, #5D2E0D, #46230A, #2E1706, #170B03. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Saddle Brown
Lighter tints (mixed toward white): #9E643A, #B28362, #C5A289, #D8C1B0, #ECE0D8. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Saddle Brown
Complementary pairing: #8B4513, #13598B. Analogous neighbors: #8B131D, #8B4513, #8B8113. Triadic accents: #8B4513, #138B45, #45138B. Always check text contrast when pairing.
Saddle Brown color combinations
A practical combo: primary #8B4513, complementary accent #13598B, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #8B4513, #138B81, #131D8B.
Saddle Brown in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Saddle Brown in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 7.10:1 (passes WCAG AA for normal text); vs black 2.96:1.
Frequently asked questions
- What is the HEX code for Saddle Brown?
- Saddle Brown: #8B4513.
- What is Saddle Brown RGB?
- Saddle Brown: rgb(139, 69, 19).
- What is Saddle Brown HSL?
- Saddle Brown: hsl(25, 76%, 31%).
- What is Saddle Brown CMYK?
- Saddle Brown: cmyk(0%, 50%, 86%, 45%).
- What colors go with Saddle Brown?
- Try complementary #8B4513, #13598B or analogous #8B131D, #8B4513, #8B8113.
- Is Saddle Brown good for text on white?
- Yes — contrast 7.10:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 7.10:1 (AA body text pass). Contrast vs black: 2.96:1. Complementary swatch: #8B4513, #13598B.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK