# Brown Color (#A52A2A)

> Brown is a CSS named color defined as hex code #A52A2A.

- **URL**: https://swatchatlas.com/colors/brown/
- **Language**: English (en)
- **CSS Name**: `brown`
- **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**: #A52A2A
- **RGB**: rgb(165, 42, 42)
- **HSL**: hsl(0, 59%, 41%)
- **HSV/HSB**: hsv(0, 75%, 65%)
- **CMYK**: cmyk(0%, 75%, 75%, 35%) (digital approximation, non-print)
- **OKLCH**: oklch(0.481 0.160 25.6)

## What Colors Go With Brown
Contrast is each color on Brown (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 7.08:1, text-safe. Clean text on brown buttons and banners.
- **Ivory (#FFFFF0)**: 7.02:1, text-safe. A softer, warmer alternative to white text.
- **Cornsilk (#FFF8DC)**: 6.65:1, text-safe. A creamy off-white for backgrounds and text.
- **Wheat (#F5DEB3)**: 5.39:1, text-safe. A warm beige for natural, rustic palettes.
- **Gold (#FFD700)**: 5.05:1, text-safe. A rich accent for borders and headings.
- **Light Gray (#D3D3D3)**: 4.73:1, text-safe. A cool neutral for secondary text.

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

## FAQ
### Can I use black text on Brown?
No. Black text on 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 Brown?
Yes. White text on Brown has a WCAG 2.2 contrast ratio of 7.08:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### What colors go with Brown?
White, Ivory, Cornsilk, Wheat, Gold and Light Gray all go well with Brown. White (7.08:1), Ivory (7.02:1), Cornsilk (6.65:1), Wheat (5.39:1), Gold (5.05:1) and Light Gray (4.73:1) have enough contrast for text on Brown.

### Why does CSS brown look red?
CSS brown (#A52A2A) has a hue of 0°, which is pure red. Earthier browns sit around 25°, like Saddle Brown (#8B4513, hue 25°).

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