Copper color

Named after the metal, which is closely tied to mining in Chile and Peru. It's a warm, metallic orange. It's used in light fixtures, faucets, hair dye and luxury design details.

Also known as: copper orange.

Copper · #B87333

About copper

Copper (#B87333) is a warm, mid-tone, moderately saturated color. It belongs to the oranges family. It mixes 184 red, 115 green and 51 blue (out of 255). It is mostly used in home decor, jewelry, hair.

Copper shades and tints

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

Copper color harmonies

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

ComplementaryClose to: French blue

AnalogousClose to: Brick red, Old gold

TriadicClose to: Jade green, Grape purple

Split complementaryClose to: Tiffany blue, Klein blue

TetradicClose to: Forest green, French blue, Purple

Copper color palettes

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

Monochromatic palette · Copper

Analogous palette · Copper

Complementary palette · Copper

Triadic palette · Copper

With neutrals palette · Copper

With an accent palette · Copper

Copper contrast with text

White textContrast 3.8:1 · AA large text

Black textContrast 5.5:1 · AA

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

CSS code

:root {
  --copper: #B87333;
  --copper-rgb: 184, 115, 51;
}
.bg { background-color: var(--copper); }
.text { color: var(--copper); }

Colors similar to copper

Bronze Ochre Brown Sienna Cinnamon Chocolate brown Caramel Camel Café au lait Terracotta

Themed palettes with this color

More oranges

Orange Tangerine Pumpkin orange Carrot orange Apricot Peach Coral Terracotta Burnt orange Salmon Rust Neon orange Pastel orange Orange red

Frequently asked questions

What is the hex code for copper?

The hex code for copper is #B87333. In RGB it is rgb(184, 115, 51), in HSL hsl(29, 57%, 46%) and in CMYK 0, 38, 72, 28.

What is the complementary color of copper?

Its complement on the color wheel is #3378B8, close to French blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on copper?

Use black text instead: the contrast with white is only 3.8:1, while with black it is 5.5:1.