Bronze

#CE8946

What color is Bronze?

Bronze is a warm, medium-dark brown with strong golden-orange undertones, hex #CE8946, close to the color of raw honey. The color has a slightly metallic quality even in flat form, with enough depth to read as earthy rather than bright.

What is the meaning of the color Bronze?

An alloy of copper and tin, bronze gave its name to the Bronze Age, a period beginning around 3300 BCE when the metal spread through trade across the Middle East, Europe, and Asia. The color entered English as a descriptor for objects cast or plated in the metal, and its association with durability and rank became fixed through the Olympic medal system, introduced at the 1904 St. Louis Games, where bronze marked third place. The International Olympic Committee has used the three-medal hierarchy ever since, anchoring the color’s global association with achievement and endurance.

RGB
206, 137, 70
HSL
30°, 58%, 54%
CMYK
0, 33, 66, 19
HSV
30°, 66%, 81%
Bronze color

What colors go with Bronze?

Colors that pair well with Bronze include:
Deep navy: cool, grounding contrast
Cream: soft, warm balance
Forest green: earthy, natural depth
Charcoal: strong, neutral anchor
Terracotta: rich, tonal warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CE8946 color: #CE8946;
RGB 206, 137, 70 color: rgb(206, 137, 70);
RGB Percentage 81%, 54%, 27% color: rgb(81%, 54%, 27%);
CMYK 0%, 33%, 66%, 19% Not supported in CSS
HSL 30°, 58%, 54% color: hsl(30, 58%, 54%);
HSV 30°, 66%, 81% Not supported in CSS
CIE-LAB 43, 14, 22 color: lab(43% 14 22);
Decimal 13535558 Not supported in CSS

Color Variations

Shades

#CE8A46
#C47C34
#AE6E2E
#986028
#835323
#6D451D
#573717
#412911

Tints

#F0DCC7
#EBD0B5
#E6C4A2
#E1B990
#DDAD7D
#D8A16B
#D39558
#CE8A46

Tones

#CE8A46
#C78A4C
#C08A53
#B98A5A
#B38A61
#AC8A68
#A58A6E
#9E8A75

Hues

#CE8A46
#ACCE46
#46CE46
#46CEAC
#468ACE
#6846CE
#CE46CE
#CE4668

Color Harmonies

Analogous

#CE4646
Click to copy
#CE8946
Click to copy
#CECE46
Click to copy

Complementary

#CE8946
Click to copy
#468ACE
Click to copy

Split Complementary

#CE8946
Click to copy
#46CECE
Click to copy
#4646CE
Click to copy

Triadic

#CE8946
Click to copy
#46CE8A
Click to copy
#8A46CE
Click to copy

Tetradic

#CE8946
Click to copy
#46CE46
Click to copy
#468ACE
Click to copy
#CE46CE
Click to copy

Square

#CE8946
Click to copy
#46CE46
Click to copy
#468ACE
Click to copy
#CE46CE
Click to copy

CSS & Dev Snippets

CSS
.bronze {
  color: #CE8946;
}
SCSS
$bronze: #CE8946;
RGB
rgb(206, 137, 70)

Accessibility & Contrast

White background

2.88:1
2.88
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

7.29:1
7.29
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags