Skip to content

Copper #b87333

The metal that ages in public.

RGB
184, 115, 51
HSL
29°, 57%, 46%
CMYK
0, 38, 72, 28
Luminance
0.2269

About Copper

Copper, #b87333, is the only structural metal with a warm color — and the only one whose aging is the whole point: bright penny to chocolate brown to the green patina that dressed the Statue of Liberty. Digital copper borrows that first, freshly-polished state.

History

Copper started the Bronze Age, wired the electric one and roofed cathedrals in between. Its color vocabulary — penny-bright, patina-green — entered kitchens via cookware and bars via Moscow-mule mugs, then interiors via the 2010s metallic-accent wave.

Psychology

Copper reads crafted, warm and quietly premium — gold without the bling, bronze without the antiquity. It signals maker culture: distilleries, coffee roasters and open kitchens glow with it.

In design

Like gold, copper needs gradient to read metallic (#da9863 highlight → #b87333 → #8a5524 shadow). It pairs with navy, forest, charcoal and marble white; against teal it delivers the craft-bar aesthetic wholesale. Flat copper doubles as an earthy text accent at ~4.5:1 on white.

In culture

Coppers, copper-bottomed guarantees, the copper kettle: money, trust and hearth in one metal. Its patina is the rare corrosion civilizations frame and admire.

Brands that own copper

Shades of copper

Every format

HEX#b87333
RGBrgb(184, 115, 51)
HSLhsl(29, 57%, 46%)
CMYKcmyk(0%, 38%, 72%, 28%)
LABlab(54.8 21.6 45.4)
LCHlch(54.8 50.3 64.5)
OKLCHoklch(0.618 0.117 60.4)

Copy-ready code

/* CSS */
color: #b87333;
background-color: #b87333;
/* Tailwind (arbitrary) */
class="text-[#b87333] bg-[#b87333]"
/* SCSS */
$brand: #b87333;
/* SwiftUI */
Color(red: 0.722, green: 0.451, blue: 0.200)
/* Android */
Color.parseColor("#b87333")

Accessibility — WCAG contrast

Aa
#b87333 on white: 3.79:1
AA ✗ fail · AA-large · AAA
Aa
#b87333 on black: 5.54:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red72.2%
Green45.1%
Blue20.0%

CMYK percentages

Cyan0.0%
Magenta37.5%
Yellow72.3%
Key (black)27.8%

Color previews

#b87333 text on a black background

contrast 5.54:1

Card sample

#b87333 text on a white background

contrast 3.79:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #b87333;
Background color
Panel with #b87333 background
background-color: #b87333;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #b87333;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(184, 115, 51, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(184, 115, 51, 0.45);
Border & gradient
Gradient panel
border: 3px solid #b87333;
background: linear-gradient(135deg, #b87333, #A4B833);

Monochromatic scale

Palettes built from #b87333

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Copper, answered

What is the hex code for copper?

Copper is #b87333; highlight and shadow states for metallic renders sit near #da9863 and #8a5524. Aged patina turns #43b3ae-class green.

Copper vs bronze vs brass?

Copper is the pure warm metal (#b87333); bronze adds tin and reads browner (#cd7f32); brass adds zinc and reads yellower (#b5a642).

Why did the Statue of Liberty turn green?

Decades of oxidation built copper carbonate patina — a protective layer. She was penny-brown at unveiling in 1886 and fully green by about 1920.

Work with #b87333 in the Color Lab