Brown

#895129

What color is Brown?

Brown is a warm, earthy tone that sits between orange and black, with a rich, muted quality. At hex #895129, it reads close to the color of polished walnut wood.

What is the meaning of the color Brown?

Old English had the word brun by at least the year 1000, making brown one of the earliest named colors in the language. Through the medieval period, brown dyes were common among working-class cloth, as they were cheap to produce from bark, nuts, and soil-based pigments. In the 18th century, Josiah Wedgwood used brown-toned basalt stoneware to define a refined but unpretentious English aesthetic. UPS adopted its distinctive Pullman Brown uniform in 1916, a deliberate choice meant to signal reliability and professionalism.

RGB
137, 81, 41
HSL
25°, 54%, 35%
CMYK
0, 41, 70, 46
HSV
25°, 70%, 54%
Brown color

What colors go with Brown?

Colors that pair well with Brown include:
Cream: soft, warm contrast
Terracotta: earthy, tonal depth
Olive Green: natural, grounded balance
Mustard Yellow: warm, bold lift
Navy Blue: cool, striking contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #895129 color: #895129;
RGB 137, 81, 41 color: rgb(137, 81, 41);
RGB Percentage 54%, 32%, 16% color: rgb(54%, 32%, 16%);
CMYK 0%, 41%, 70%, 46% Not supported in CSS
HSL 25°, 54%, 35% color: hsl(25, 54%, 35%);
HSV 25°, 70%, 54% Not supported in CSS
CIE-LAB 28, 11, 13 color: lab(28% 11 13);
Decimal 8999209 Not supported in CSS

Color Variations

Shades

#895129
#7C4925
#6E4121
#60391D
#523119
#452915
#372010
#29180C

Tints

#E8C9B2
#E1B799
#D9A57F
#D19366
#CA814C
#BC6F38
#A36031
#895129

Tones

#895129
#85522E
#805333
#7B5438
#76543C
#715541
#6D5646
#68574B

Hues

#895129
#798929
#318929
#298969
#296189
#392989
#812989
#892949

Color Harmonies

Analogous

#892931
Click to copy
#895129
Click to copy
100%
#898129
Click to copy

Complementary

#895129
Click to copy
100%
#296189
Click to copy

Split Complementary

#895129
Click to copy
100%
#298981
Click to copy
#293189
Click to copy

Triadic

#895129
Click to copy
100%
#298951
Click to copy
#512989
Click to copy

Tetradic

#895129
Click to copy
100%
#318929
Click to copy
#296189
Click to copy
#812989
Click to copy

Square

#895129
Click to copy
100%
#318929
Click to copy
#296189
Click to copy
#812989
Click to copy

CSS & Dev Snippets

CSS
.brown {
  color: #895129;
}
SCSS
$brown: #895129;
RGB
rgb(137, 81, 41)

Accessibility & Contrast

White background

6.42:1
6.42
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.27:1
3.27
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags