White text passes AA
6.36:1

Brown

#964B00

We use #964B00, the brown most color references show. CSS defines a different, redder brown as #A52A2A, so check which one a design expects. Brown is a dark orange at heart, and white text reads well on it at 6.4:1.

HEX#964B00
RGBrgb(150, 75, 0)
HSLhsl(30, 100%, 29%)
OKLCHoklch(49.7% 0.123 54.7)
CMYKcmyk(0%, 50%, 100%, 41%)
CMYK is an approximate screen conversion, not for print matching.

Lighter and darker

Ten steps toward white and ten toward black, with brown in the middle. Click a step to copy its hex code.

LightestBrown #964B00Darkest

Readability

White text on brownNormal text at 16px. The quick brown fox jumps over the lazy dog.
6.36:1
  • Passes AA normal
  • Passes AA large
  • Passes AAA large
  • Fails AAA normal
Dark text on brownNormal text at 16px. The quick brown fox jumps over the lazy dog.
3.3:1
  • Passes AA large
  • Fails AA normal
  • Fails AAA normal
  • Fails AAA large

Colors that go with brown

#964B00#004B96

Complementary

The opposite on the color wheel
#960000#964B00#969600

Analogous

Its two neighbors
#964B00#00964B#4B0096

Triadic

Three evenly spaced colors
#964B00#009696#000096

Split-complementary

The two colors beside its opposite

Brown color palettes

Monochrome

Lighter and darker versions of the same color.

Analogous

Neighbors on the color wheel, for a calm, related look.

Complementary

The color with its opposite, for strong contrast.

Triadic

Three colors evenly spaced around the wheel, with a light and dark version.

Similar colors

  • Chocolate Brown#7B3F00
  • Sienna#A0522D
  • Sepia#704214
  • Rust#B7410E
  • Mahogany#C04000
  • Burnt Orange#CC5500
  • Dark Brown#654321
  • Coffee Brown#6F4E37
Shades of brownEvery named brown shade with hex codes

Use brown in a tool

Check text contrast with brownMix brown with other colorsBuild an accessible palette from brown

Questions about brown

What is the hex code for brown?

The hex code for brown is #964B00. In RGB it's rgb(150, 75, 0), and in HSL it's hsl(30, 100%, 29%).

What colors go with brown?

Its complementary color is #004B96. For a calmer look, try the analogous colors #960000 and #969600, or one of the palettes above, which all include brown.

Is text readable on brown?

White text is the better choice, with a contrast ratio of 6.36:1. That passes WCAG AA for normal text.