# Saddle Brown Color (#8B4513)

> Saddle Brown is a CSS named color defined as hex code #8B4513.

- **URL**: https://swatchatlas.com/colors/saddle-brown/
- **Language**: English (en)
- **CSS Name**: `saddlebrown`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #8B4513
- **RGB**: rgb(139, 69, 19)
- **HSL**: hsl(25, 76%, 31%)
- **HSV/HSB**: hsv(25, 86%, 55%)
- **CMYK**: cmyk(0%, 50%, 86%, 45%) (digital approximation, non-print)
- **OKLCH**: oklch(0.471 0.112 50.8)

## What Colors Go With Saddle Brown
Contrast is each color on Saddle Brown (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 7.1:1, text-safe. Clean, high-contrast text on saddle brown.
- **Ivory (#FFFFF0)**: 7.04:1, text-safe. A softer, warmer alternative to white text.
- **Wheat (#F5DEB3)**: 5.4:1, text-safe. A warm beige for natural, farmhouse palettes.
- **Gold (#FFD700)**: 5.06:1, text-safe. A rich accent for borders and headings.
- **Light Gray (#D3D3D3)**: 4.74:1, text-safe. A cool neutral for secondary text.
- **Burlywood (#DEB887)**: 3.82:1, background or accent. A tonal light brown for layered, wood-like designs.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Saddle Brown**: 2.96:1 (Fails AA and AAA)
- **Pure White (#FFFFFF) text on Saddle Brown**: 7.1:1 (Passes AA and AAA for both normal and large text)
- **Dark Charcoal (#212529) text on Saddle Brown**: 2.17:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Saddle Brown**: 1.24:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Saddle Brown?
No. Black text on Saddle Brown has a WCAG 2.2 contrast ratio of only 2.96:1, below the 3:1 minimum even for large text.

### Can I use white text on Saddle Brown?
Yes. White text on Saddle Brown has a WCAG 2.2 contrast ratio of 7.1:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### What colors go with Saddle Brown?
White, Ivory, Wheat, Gold, Light Gray and Burlywood all go well with Saddle Brown. White (7.1:1), Ivory (7.04:1), Wheat (5.4:1), Gold (5.06:1) and Light Gray (4.74:1) have enough contrast for text on Saddle Brown; Burlywood works better as a background or accent.

### What is the hex code for brown?
The CSS named color brown is #A52A2A, which is quite red. For a more typical earthy brown, many designers use Saddle Brown (#8B4513) or Sienna (#A0522D).

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/saddle-brown-1920x1080.png