Umber color: hex codes, shades and palettes

Palettes built around umber. Click any swatch to copy its hex code.

A deep earthy brown from a natural iron-oxide pigment. Raw umber is cooler, burnt umber redder; this is the middle of the two.

#7F656B

#884F4D

#D5B2A4

#6D5130

#C39E55

#A08400

#6F6F00

#47571C

#5C4D43

#7D6557

#A07E61

#B79D86

#473929

#776139

#9F8F6A

#CAC096

#AF9B7F

#857853

#5A5737

#323725

#CB8270

#B07153

#94614A

#8A4702

#C8B69F

#968B7F

#6C6257

#483B2D

#8E5B58

#A36C4E

#976511

#5B512F

#705133

#B47F28

#A07354

#008EC7

#822F29

#DF8556

#CB9857

#B29218

#4E463C

#765F3C

#868170

#ABA06F

#946500

#7A6000

#976B21

#9BA3E5

#544A3D

#7C692E

#958E57

#A5B785

#BA8B6C

#C9B498

#908863

#A5AA89

#835A31

#A56E20

#AE8D56

#C5A86F

#A67E43

#967800

#CD9E71

#0A98D5

#823D39

#A2543B

#C56A33

#C8936E

#574C43

#7E695B

#A38972

#BFAE9F

#DABE9E

#A5998B

#896E50

#5C4C38

#D9A376

#B4904D

#8A7D42

#636B00

#C08093

#D07A7E

#DD7E6A

#6E4832

#56472B

#766446

#91856F

#B3A58C

#DD9F75

#AF763B

#C86A30

#0090A7

#CBA383

#AF8145

#83672D

#584D28

Umber hex, RGB, HSL and OKLCH

#6B4A2F

HEX: #6B4A2F
RGB: rgb(107, 74, 47)
HSL: hsl(27, 39%, 30%)
OKLCH: oklch(43.9% 0.060 59.6)
On white: 7.94:1
On black: 2.65:1

Shades of umber

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Umber on white measures 7.94:1 and on black 2.65:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.36:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:taupe, brown, tan, sand, tuscan, clay. See every shade on the colors index.

Umber color: hex codes, shades and palettes

No umber palettes yet

Umber hex, RGB, HSL and OKLCH

Shades of umber

Contrast and readability