Skip to content

Bronze #cd7f32

The metal that named an age.

RGB
205, 127, 50
HSL
30°, 61%, 50%
CMYK
0, 38, 76, 20
Luminance
0.2839

About Bronze

Bronze, #cd7f32, is copper alloyed with tin and toughened into history — the first metal strong enough to name an era. Its color is copper matured: browner, quieter, monumental.

History

The Bronze Age forged tools, weapons and the first empires; bronze then became memory’s metal — statues, plaques, medals and bells. Rodin sculpted in it; every third-place finisher wears it; church towers still speak in it.

Psychology

Bronze reads enduring, earned and dignified — achievement with patina. Where gold celebrates and silver innovates, bronze commemorates.

In design

Bronze is the heritage metallic: gradient #e3a857 → #cd7f32 → #8b5a2b for depth. It warms academic, legal and craft branding, pairs with cream, forest, navy and marble, and works flat as an earthy accent (~2.9:1 — large text on white only).

In culture

Bronzed skin, bronze stars, bronzing an infant’s first shoes: the metal preserves. “Bronze” is the podium’s consolation and the museum’s permanence.

Brands that own bronze

Shades of bronze

Every format

HEX#cd7f32
RGBrgb(205, 127, 50)
HSLhsl(30, 61%, 50%)
CMYKcmyk(0%, 38%, 76%, 20%)
LABlab(60.2 24.0 52.3)
LCHlch(60.2 57.6 65.3)
OKLCHoklch(0.666 0.132 61.3)

Copy-ready code

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

Accessibility — WCAG contrast

Aa
#cd7f32 on white: 3.14:1
AA ✗ fail · AA-large · AAA
Aa
#cd7f32 on black: 6.68:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red80.4%
Green49.8%
Blue19.6%

CMYK percentages

Cyan0.0%
Magenta38.0%
Yellow75.6%
Key (black)19.6%

Color previews

#cd7f32 text on a black background

contrast 6.68:1

Card sample

#cd7f32 text on a white background

contrast 3.14:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

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

Glowing headline

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

Soft neon halo

text-shadow: 0 0 14px rgba(205, 127, 50, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(205, 127, 50, 0.45);
Border & gradient
Gradient panel
border: 3px solid #cd7f32;
background: linear-gradient(135deg, #cd7f32, #B4CD32);

Monochromatic scale

Palettes built from #cd7f32

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Bronze, answered

What is the hex code for bronze?

Bronze is #cd7f32; antique bronze darkens to #665d1e and aged statue patina goes green (#43b3ae family).

Bronze vs copper vs brass?

Copper is the pure metal (redder), bronze adds tin (browner, tougher), brass adds zinc (yellower, brighter) — three alloys, three temperatures.

Why are third-place medals bronze?

The 1904 Olympics standardized gold-silver-bronze by metal value of the era. Bronze’s durability made it the people’s monument metal long before.

Work with #cd7f32 in the Color Lab