#B87333
Copper
Copper is a warm, reddish-brown metallic color named after the copper element. It represents warmth, craftsmanship, and industrial beauty.
Copper Color Values
HEX#B87333
RGB184, 115, 51
HSL29°, 57%, 46%
HSV29°, 72%, 72%
CMYK0%, 38%, 72%, 28%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #88792A (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #998935 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #C96365 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #888888 (~0.003% of population)
Copper as Text Color
Copper on White
3.8:1FAIL
Copper on Light Gray
3.5:1FAIL
Copper on Cream
3.6:1FAIL
Copper on Dark
4.5:1FAIL
Copper on Black
5.5:1AA
Copper on Soft Blue
3.3:1FAIL
Copper on Soft Green
3.4:1FAIL
Copper on Soft Pink
3.2:1FAIL
Nearest Tailwind Class
amber-600
#D97706
Nearest Pantone Match
Mocha Mousse (2025)
#A47764
CSS Variable Export
:root {
--color-copper: #B87333;
--color-copper-rgb: 184, 115, 51;
}Tailwind Config
// tailwind.config.js
colors: {
'copper': '#B87333',
}Shades of Copper
#B87332
#A4672D
#905A27
#7C4E22
#68411D
#503216
#3C2610
#28190B
#140D05
#000000
Tints of Copper
#B87332
#CA823F
#D19257
#D8A16F
#DEB187
#E5C19F
#EBD0B7
#F2E0CF
#F8EFE7
#FFFFFF
Color Harmonies
Complementary
#B87333
#3278B8
Analogous
#B83235
#B87332
#B8B632
Triadic
#B87332
#32B873
#7332B8
Copper Text Preview
Heading in Copper
Body text in Copper. The quick brown fox jumps over the lazy dog.
White on Copper
Body text on a Copper background.
Copper text on dark background
Contrast: 4.7:1