19 Different Shades of Auburn (+ HEX codes)

Explore all shades of auburn, from lighter to darker shades. See HEX codes, shade names, and auburn color palettes. Click any shade to copy its HEX code.

Auburn is red-brown with hair in mind: warm, earthy and a little vintage. It suits leather goods, autumn editorial and anything that should feel worn in rather than new.

Give it cream and olive for company; beside a cool grey it turns muddy.

we peep
#fbefef
beauty bush
#f0c6c6
shilo
#ebb1b1
tonys pink
#e69d9d
new york pink
#e08888
japonica
#db7474
roman
#d65f5f
chestnut rose
#d14b4b
flush mahogany
#cb3636
well read
#b83030
mexican red
#a42a2a
burnt umber
#8f2525
crown of thorns
#7b2020
persian plum
#661a1a
espresso
#521515
paco
#3d1010
coffee bean
#290b0b
asphalt
#140505
black
#000000

Auburn: HEX & RGB Codes

auburn has the following primary color codes:

HEX: #fbefef
RGB: (251, 239, 239).

Explore a wide range of auburn shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of auburn

We Peep
#fbefef
We Peep
#fbefef
Amour
#fcf3f3
Amour
#fcf3f3
Linen
#fdf6f6
Fantasy
#fdf7f7
Vista White
#fcf7f7
Fantasy
#fefbfb
Fantasy
#fefbfb
White
#ffffff

Explore shades of auburn

Aubergine
#330a0a
Cedar
#4b1616
Irish Coffee
#642626
Lotus
#7c3c3c
Au Chico
#955656
Coral Tree
#af7474
Oriental Pink
#c89797
Cavern Pink
#e2c1c1

auburn in HEX, RGB, HSL and CMYK

HEX	#A52A2A
RGB	rgb(165, 42, 42)
HSL	hsl(0, 59%, 41%)
CMYK	cmyk(0%, 75%, 75%, 35%)

Tints and shades of auburn

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#cb3535
#d45a5a
#de7f7f
#e8a4a4
#f1caca
#fbefef

Shades (darker)

#8d2424
#741e1e
#5b1818
#421111
#290b0b
#100404

Colours that work with auburn

Complementary

#A52A2A #2ba6a6

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#a62b69 #A52A2A #a6692b

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#A52A2A #2ba62b #2b2ba6

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on auburn

Example Primary text

White text on auburn7.08:1AAA

Example Primary text

Near-black text on auburn2.50:1Fail

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

auburn shade chart

Shade chart showing five steps of auburn, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.