Brown (CSS)

Brown (CSS) is a dark, moderately saturated red color with the hex code #A52A2A (hue 0°, saturation 59%, lightness 41%). It is also the CSS named color brown.

#A52A2A

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Brown (CSS)	`#A52A2A`	165, 42, 42	0°, 59%, 41%	0, 75, 75, 35	48.1% 0.160 26

Contrast with white text 7.08:1, with black text 2.96:1 — use white text on Brown (CSS).

brown is one of the 148 named colors in CSS, with exactly this value, so color: brown works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F5D6D6

#E59999

#D65C5C

#B72F2F

#7A1F1F

#3D1010

Colors that go with Brown (CSS)

Six color schemes built on Brown (CSS) with classic harmony rules. The complementary scheme pairs it with Cancer Seagreen Scarab (#27A0A8), the color opposite it on the color wheel.

Nearest CSS named colors

Fire Brick (firebrick): Fire Brick (#B22222) is lighter than Brown (CSS) (relative luminance 0.107 vs 0.098) and more saturated, with the same hue.
Saddle Brown (saddlebrown): Saddle Brown (#8B4513) is about as light as Brown (CSS) (relative luminance 0.098 vs 0.098) and more saturated, with its hue 25° away.
Sienna (CSS) (sienna): Sienna (CSS) (#A0522D) is lighter than Brown (CSS) (relative luminance 0.137 vs 0.098) and equally saturated, with its hue 19° away.
Dark Red (CSS) (darkred): Dark Red (CSS) (#8B0000) is darker than Brown (CSS) (relative luminance 0.055 vs 0.098) and more saturated, with the same hue.

Similar medium red colors

Questions

What is the hex code for Brown (CSS)?

#A52A2A — RGB 165, 42, 42, HSL 0°, 59%, 41%.

Is Brown (CSS) a warm or cool color?

Warm — its hue sits at 0° on the color wheel.