Saddle Brown#8B4513
Saddle Brown Hex Code: #8B4513
Saddle Brown is a dark, moderately saturated brown. Its OKLCH lightness is 47% and chroma 0.112. Text on this color reads best in white (contrast 7.10:1).
| HEX | #8B4513 |
|---|---|
| RGB | rgb(139, 69, 19) |
| HSL | hsl(25, 76%, 31%) |
| HSV / HSB | hsv(25, 86%, 55%) |
| CMYK | cmyk(0%, 50%, 86%, 45%) |
| OKLCH | oklch(47.1% 0.112 50.8) |
Contrast
White text7.10:1
AAAA largeAAA
Black text2.96:1
AAAA largeAAA
On white7.10:1
AAAA largeAAA
On black2.96:1
AAAA largeAAA
Tints
#955628Sienna#A0663D#AA7753#B58868#BF997DCamel#CAA992Khaki Green#D4BAA8#DFCBBD#E9DCD2Gainsboro#F3ECE7LinenShades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #8B4513; |
|---|---|
| Tailwind | bg-[#8b4513] |
| SwiftUI | Color(red: 0.545, green: 0.271, blue: 0.075) |
| Android | Color.parseColor("#8B4513") |
| Flutter | Color(0xFF8B4513) |
Saddle Brown is a CSS named color (saddlebrown); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for saddle brown?
Saddle Brown is #8B4513 in hex and rgb(139, 69, 19) in RGB.
What is saddle brown in CMYK?
With the plain conversion formula it is cmyk(0, 50, 86, 45). For print, convert with your printer's ICC profile instead.
What text color works on saddle brown?
White text has the higher contrast at 7.10:1, which passes WCAG AA for normal text (4.5:1).