Copper

#C68346

What color is Copper?

Copper is a warm, medium-toned brownish-orange with a metallic quality, hex #C68346, close to the color of a burnished autumn leaf. The tone has a golden undertone that gives it a slightly glowing appearance without being bright.

What is the meaning of the color Copper?

Ancient civilizations on Cyprus mined and traded copper metal as early as 3000 BCE, and the Latin name cuprum, derived from the island’s name, eventually gave English the word copper as both a material and a color. The color entered common use as a descriptive term in the late 16th century, applied to the distinctive reddish-brown of oxidized copper objects such as coins and cookware. Its association with craft, heat, and natural metal spread through industrial and decorative arts, particularly in the Victorian era when copper fixtures were a standard feature of domestic interiors. KitchenAid adopted copper as a signature finish for its stand mixers in 2015, anchoring the color in contemporary kitchen design.

RGB
198, 131, 70
HSL
29°, 53%, 53%
CMYK
0, 34, 65, 22
HSV
29°, 65%, 78%
Copper color

What colors go with Copper?

Colors that pair well with Copper include:
Deep Teal: strong, cool contrast
Cream: soft, warm balance
Charcoal: grounded, rich depth
Forest Green: earthy, natural harmony
Navy Blue: cool, elegant contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C68346 color: #C68346;
RGB 198, 131, 70 color: rgb(198, 131, 70);
RGB Percentage 78%, 51%, 27% color: rgb(78%, 51%, 27%);
CMYK 0%, 34%, 65%, 22% Not supported in CSS
HSL 29°, 53%, 53% color: hsl(29, 53%, 53%);
HSV 29°, 65%, 78% Not supported in CSS
CIE-LAB 42, 13, 20 color: lab(42% 13 20);
Decimal 13009734 Not supported in CSS

Color Variations

Shades

#C78548
#BA7739
#A56A33
#915D2C
#7C5026
#674220
#533519
#3E2813

Tints

#EEDAC8
#E8CEB6
#E3C2A3
#DDB691
#D8AA7F
#D29D6C
#CC915A
#C78548

Tones

#C78548
#C0854E
#BA8554
#B4865B
#AD8661
#A78667
#A1866E
#9A8774

Hues

#C78548
#A9C748
#4AC748
#48C7A5
#4889C7
#6548C7
#C548C7
#C7486A

Color Harmonies

Analogous

#C7484A
Click to copy
#C68346
Click to copy
#C7C548
Click to copy

Complementary

#C68346
Click to copy
#4889C7
Click to copy

Split Complementary

#C68346
Click to copy
#48C7C5
Click to copy
#484AC7
Click to copy

Triadic

#C68346
Click to copy
#48C785
Click to copy
#8548C7
Click to copy

Tetradic

#C68346
Click to copy
#4AC748
Click to copy
#4889C7
Click to copy
#C548C7
Click to copy

Square

#C68346
Click to copy
#4AC748
Click to copy
#4889C7
Click to copy
#C548C7
Click to copy

CSS & Dev Snippets

CSS
.copper {
  color: #C68346;
}
SCSS
$copper: #C68346;
RGB
rgb(198, 131, 70)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags