#CD7F32

Bronze

Bronze is a warm, brownish-metallic color named after the bronze alloy. It symbolizes third place, antiquity, and enduring strength.

Bronze Color Values

HEX#CD7F32
RGB205, 127, 50
HSL30°, 61%, 50%
HSV30°, 76%, 80%
CMYK0%, 38%, 76%, 20%

Color Blindness Simulation

Protanopia
Red-blind. Cannot perceive red light.
Sees: #978626 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #AA9832 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #E06D70 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #979797 (~0.003% of population)

Bronze as Text Color

Bronze on White
3.1:1FAIL
Bronze on Light Gray
2.9:1FAIL
Bronze on Cream
3.0:1FAIL
Bronze on Dark
5.4:1AA
Bronze on Black
6.7:1AA
Bronze on Soft Blue
2.8:1FAIL
Bronze on Soft Green
2.8:1FAIL
Bronze on Soft Pink
2.6:1FAIL

Nearest Tailwind Class

amber-600
#D97706

Nearest Pantone Match

Pantone 158 C
#E87722

CSS Variable Export

:root {
  --color-bronze: #CD7F32;
  --color-bronze-rgb: 205, 127, 50;
}

Tailwind Config

// tailwind.config.js
colors: {
  'bronze': '#CD7F32',
}

Shades of Bronze

#CD8032
#B5702C
#A06327
#875421
#73471C
#5A3816
#462B11
#2D1C0B
#190F06
#000000

Tints of Bronze

#CD8032
#D38F4A
#D89C5F
#DEAB78
#E3B88C
#E9C7A5
#EED4B9
#F4E3D2
#F9F0E6
#FFFFFF

Color Harmonies

Complementary

#CD7F32
#327FCD

Analogous

#CD3232
#CD8032
#CDCD32

Triadic

#CD8032
#32CD80
#7F32CD

Bronze Text Preview

Heading in Bronze

Body text in Bronze. The quick brown fox jumps over the lazy dog.

White on Bronze

Body text on a Bronze background.

Bronze text on dark background

Contrast: 5.6:1