Color Palettes

Burnt umber color

A deep reddish brown made by heating raw umber earth pigment. Artists have used it since the Renaissance for shadows and underpainting. It's popular in rustic decor and autumn color palettes.

Burnt umber · #8A3324

About burnt umber

Burnt umber (#8A3324) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 138 red, 51 green and 36 blue (out of 255). It is mostly used in art supplies, rustic decor, fall palettes.

Burnt umber shades and tints

From lightest to darkest. Tap a shade to copy its code.

Burnt umber color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Teal
AnalogousClose to: Claret, Sepia
TriadicClose to: Forest green, Midnight blue
Split complementaryClose to: Sea green, Ocean blue
TetradicClose to: Forest green, Teal, Rebecca purple

Burnt umber color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Burnt umber
Analogous palette · Burnt umber
Complementary palette · Burnt umber
Triadic palette · Burnt umber
With neutrals palette · Burnt umber
With an accent palette · Burnt umber

Burnt umber contrast with text

White textContrast 8.1:1 · AAA
Black textContrast 2.6:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --burnt-umber: #8A3324;
  --burnt-umber-rgb: 138, 51, 36;
}
.bg { background-color: var(--burnt-umber); }
.text { color: var(--burnt-umber); }

Colors similar to burnt umber

ChestnutCognacSiennaAuburnBarn redWalnutSaddle brownRussetBurgundyMaroon

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutRaw umber

Frequently asked questions

What is the hex code for burnt umber?

The hex code for burnt umber is #8A3324. In RGB it is rgb(138, 51, 36), in HSL hsl(9, 59%, 34%) and in CMYK 0, 63, 74, 46.

What is the complementary color of burnt umber?

Its complement on the color wheel is #247B8A, close to teal. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on burnt umber?

Yes. The contrast with white is 8.1:1, enough for body text (WCAG AA).