Umber

#635147

What color is Umber?

Umber is a dark, earthy brown with warm red and yellow undertones, hex #635147, sitting close to the color of aged walnut wood. Its surface tone is muted and dry, without the shine or warmth of a richer brown.

What is the meaning of the color Umber?

Pigment made from umber ore was mined in Umbria, Italy, and traded across Europe by the 15th century. Artists including Rembrandt used raw and burnt umber to build shadows and underpainting in oil works during the 17th century. The color entered English as a paint term in the 1500s, documented in early trade records for artists’ pigments. Winsor and Newton, founded in 1832, has listed both raw and burnt umber as standard pigments in its oil paint range ever since.

RGB
99, 81, 71
HSL
21°, 16%, 33%
CMYK
0, 18, 28, 61
HSV
21°, 28%, 39%
Umber color

What colors go with Umber?

Colors that pair well with Umber include:
Cream: soft, warm contrast
Forest Green: grounded, natural balance
Mustard Yellow: rich tonal warmth
Charcoal: deep, moody depth
Dusty Rose: gentle, muted softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #635147 color: #635147;
RGB 99, 81, 71 color: rgb(99, 81, 71);
RGB Percentage 39%, 32%, 28% color: rgb(39%, 32%, 28%);
CMYK 0%, 18%, 28%, 61% Not supported in CSS
HSL 21°, 16%, 33% color: hsl(21, 16%, 33%);
HSV 21°, 28%, 39% Not supported in CSS
CIE-LAB 26, 4, 3 color: lab(26% 4 3);
Decimal 6508871 Not supported in CSS

Color Variations

Shades

#625047
#584840
#4E4039
#443831
#3B302A
#312823
#27201C
#1D1815

Tints

#D4C9C4
#C6B7B0
#B7A59C
#A99488
#9B8274
#897163
#756055
#625047

Tones

#625047
#605148
#5F5149
#5E514B
#5C524C
#5B524D
#5A534F
#585350

Hues

#625047
#5F6247
#4B6247
#476257
#475862
#494762
#5E4762
#624751

Color Harmonies

Analogous

#62474B
Click to copy
#635147
Click to copy
100%
#625E47
Click to copy

Complementary

#635147
Click to copy
100%
#475862
Click to copy

Split Complementary

#635147
Click to copy
100%
#47625E
Click to copy
#474B62
Click to copy

Triadic

#635147
Click to copy
100%
#476250
Click to copy
#504762
Click to copy

Tetradic

#635147
Click to copy
100%
#4B6247
Click to copy
#475862
Click to copy
#5E4762
Click to copy

Square

#635147
Click to copy
100%
#4B6247
Click to copy
#475862
Click to copy
#5E4762
Click to copy

CSS & Dev Snippets

CSS
.umber {
  color: #635147;
}
SCSS
$umber: #635147;
RGB
rgb(99, 81, 71)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags