Bronze color

Named after the alloy of copper and tin. It's a golden brown with a metallic look. It stands for third place in medals and is used on trophies, hardware and makeup.

Also known as: bronze brown.

Bronze · #CD7F32

About bronze

Bronze (#CD7F32) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 205 red, 127 green and 50 blue (out of 255). It is mostly used in sports, jewelry, home decor.

Bronze shades and tints

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

Bronze color harmonies

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

ComplementaryClose to: French blue

AnalogousClose to: Brick red, Corn yellow

TriadicClose to: Emerald green, Deep purple

Split complementaryClose to: Dark turquoise, Deep purple

TetradicClose to: Pastel green, French blue, Orchid

Bronze color palettes

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

Monochromatic palette · Bronze

Analogous palette · Bronze

Complementary palette · Bronze

Triadic palette · Bronze

With neutrals palette · Bronze

With an accent palette · Bronze

Bronze contrast with text

White textContrast 3.1:1 · AA large text

Black textContrast 6.7:1 · AA

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

CSS code

:root {
  --bronze: #CD7F32;
  --bronze-rgb: 205, 127, 50;
}
.bg { background-color: var(--bronze); }
.text { color: var(--bronze); }

Colors similar to bronze

Ochre Copper Cinnamon Caramel Carrot orange Brown Honey Pastel orange Coral Burnt orange

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for bronze?

The hex code for bronze is #CD7F32. In RGB it is rgb(205, 127, 50), in HSL hsl(30, 61%, 50%) and in CMYK 0, 38, 76, 20.

What is the complementary color of bronze?

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

Can you use white text on bronze?

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