Umber is a medium-dark, muted shade in the brown color family, with a warm feel. Its HEX code is #635147, which equals rgb(99, 81, 71) in RGB and hsl(21, 16%, 33%) in HSL. In print terms it converts to roughly C0 M18 Y28 K61, although exact CMYK results depend on the paper and color profile.
- HEX
#635147 - RGB
99, 81, 71 - HSL
21°, 16%, 33% - CMYK
0, 18, 28, 61 - Family
Brown - Tone
Medium-dark, muted
About Umber
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 7.50:1. Its complementary color is #475862.
Download Umber as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Umber color codes
| HEX | #635147 |
|---|---|
| RGB | rgb(99, 81, 71) |
| HSL | hsl(21, 16%, 33%) |
| HSV | 21°, 28%, 39% |
| CMYK | 0%, 18%, 28%, 61% |
| Decimal | 6508871 |
Shades and tints of Umber
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5E2E0 - 100
#CBC5C2 - 200
#B1A8A3 - 300
#978B84 - 400
#7D6E66 - 500
#635147 - 600
#53443B - 700
#42362F - 800
#322924 - 900
#211B18 - 950
#110E0C
Color harmonies for Umber
- Complementary
#475862≈ Deep Dusty Cerulean - Analogous −30°
#62474B≈ Deep Dusty Crimson - Analogous +30°
#625E47≈ Deep Dusty Amber - Triadic +120°
#476250≈ Deep Dusty Jade - Triadic +240°
#504762≈ Deep Dusty Iris - Split 150°
#47625E≈ Deep Dusty Aquamarine - Split 210°
#474B62≈ Deep Dusty Cobalt
Contrast and accessibility of Umber
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Umber | Aa | 7.50:1 | AAA (excellent) |
| Black text on Umber | Aa | 2.80:1 | Fails |
CSS code for Umber
background-color: #635147;color: #635147;background-color: rgb(99, 81, 71);background-color: hsl(21, 16%, 33%);:root { --color-umber: #635147; }class="bg-[#635147]"Colors similar to Umber
- Deep Dusty Cinnabar
#685045 - Deep Dusty Persimmon
#685345 - Deep Dusty Vermilion
#684C45 - Deep Dusty Orange
#685745 - Deep Dusty Scarlet
#684945 - Deep Dusty Tangerine
#685A45 - Warm Gray 35
#615951 - Deep Dusty Red
#684545 - Deep Dusty Cardinal
#684549 - Deep Dusty Crimson
#68454C - Warm Gray 30
#534C46 - Deep Dusty Amber
#685E45
More brown shades
- Ecru
#C2B280 - Mahogany
#C04000 - Camel
#C19A6B - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Sepia
#704214 - Pearl
#EAE0C8 - Alabaster
#EDEADE - Bone
#E3DAC9 - Darkest Cinnabar
#330F00
Frequently asked questions
What is the HEX code for Umber?
The HEX code for Umber is #635147.
What is the RGB value of Umber?
Umber has an RGB value of 99, 81, 71 (rgb(99, 81, 71)). In HSL it is 21°, 16%, 33%.
What text color should I use on Umber?
Use white text on Umber. White text has a contrast ratio of 7.50:1 and black text has 2.80:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Umber?
The complementary color of Umber is #475862. Analogous colors #62474B and #625E47 also pair well.