Bronze

HEX: #CD7F32 | Modern Palette

On White
3.14:1
FAIL
On Black
6.68:1
PASS

Color Specifications

HEX
#CD7F32
RGB
205, 127, 50
HSL
29°, 60% ,50%
CMYK
0, 38, 76, 20

About Bronze

Bronze (#CD7F32) is a color with RGB(205, 127, 50) and HSL(29.8°, 60.8%, 50%). In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #3280CD, which creates strong contrast. Its triadic palette includes #32CD7F and #7F32CD. The name comes from aes Brundisium (Latin).

  • HEX: #CD7F32
  • RGB: 205, 127, 50
  • HSL: 29.8°, 60.8%, 50%
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #3280CD
  • Triadic colors: #32CD7F, #7F32CD
  • The name comes from aes Brundisium (Latin).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #CD7F32 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #9B9B2A
Protanopia #8A8A33
Tritanopia #D17878
Achromatopsia #919191

Frequently Asked Questions

Bronze (#CD7F32) is a color with RGB(205, 127, 50) and HSL(29.8°, 60.8%, 50%).

#CD7F32 pairs strongly with #3280CD as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#CD7F32 is suitable for Text, Button, Accent and works well with Warm styles.

The name Bronze is linked to aes Brundisium from Latin, meaning Brundisium copper.

Name, History & Etymology

Origin Word aes Brundisium
Meaning Brundisium copper
Language Latin
First Recorded Use Medieval

History

The word 'bronze' is believed to have originated from the Latin phrase 'aes Brundisium', meaning 'Brundisium copper'. Brundisium (modern Brindisi) was a port city in ancient Italy known for its trade, including metals. Over time, this phrase evolved through Italian ('bronzo') and French ('bronze') before entering English. The material itself, an alloy primarily of copper, usually with tin as the main additive, has been used by humans for millennia, giving its name to the Bronze Age (c. 3300-1200 BC). Early bronze was often made with naturally occurring copper ores containing arsenic or other impurities, but intentional alloying with tin became prevalent. Its hardness, durability, and relative ease of casting made it superior to stone and pure copper for tools, weapons, and art.

First Recorded Use

c. 1300

Cultural Associations

Bronze has played a pivotal role in human civilization, marking a significant technological leap during the Bronze Age. It enabled the creation of more effective tools, weapons, and armor, leading to advancements in agriculture, warfare, and craftsmanship. Culturally, bronze has been highly valued for its aesthetic qualities, used extensively in sculpture, decorative arts, and religious artifacts across various civilizations, including ancient Greece, Rome, China, and many African cultures. The patina that develops on aged bronze is often considered desirable. The color 'bronze' (#cd7f32) itself evokes a sense of antiquity, strength, and metallic luster.

Similar Named Colors

Peru #CD853F ΔE 2.01
Ochre #CC7722 ΔE 2.46
Tiger Eye #E08D3C ΔE 4.83
Copper #B87333 ΔE 5.46

Code Snippets

/* Background */
.element {
    background-color: #CD7F32;
}

/* Text */
.element {
    color: #CD7F32;
}

/* Border */
.element {
    border: 1px solid #CD7F32;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #CD7F32,
        #3280CD
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #CD7F32,
        #3280CD
    );
}

// SCSS variable
$bronze: #CD7F32;

// With RGB channels (useful for rgba() usage)
$bronze-r: 205;
$bronze-g: 127;
$bronze-b: 50;

// Usage
.element {
    background-color: $bronze;
    color: rgba($bronze-r, $bronze-g, $bronze-b, 0.8);
}