Copper is a medium, moderately saturated shade in the orange color family, with a warm feel. Its HEX code is #B87333, which equals rgb(184, 115, 51) in RGB and hsl(29, 57%, 46%) in HSL. In print terms it converts to roughly C0 M38 Y72 K28, although exact CMYK results depend on the paper and color profile.
- HEX
#B87333 - RGB
184, 115, 51 - HSL
29°, 57%, 46% - CMYK
0, 38, 72, 28 - Family
Orange - Tone
Medium, moderately saturated
About Copper
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 5.54:1. Its complementary color is #3278B8.
Download Copper as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Copper color codes
| HEX | #B87333 |
|---|---|
| RGB | rgb(184, 115, 51) |
| HSL | hsl(29, 57%, 46%) |
| HSV | 29°, 72%, 72% |
| CMYK | 0%, 38%, 72%, 28% |
| Decimal | 12088115 |
Shades and tints of Copper
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F3E8DD - 100
#E7D0BB - 200
#DCB999 - 300
#D0A277 - 400
#C48A55 - 500
#B87333 - 600
#99602B - 700
#7B4D22 - 800
#5C3A1A - 900
#3D2611 - 950
#1F1309
Color harmonies for Copper
- Complementary
#3278B8≈ Medium Dark Soft Azure - Analogous −30°
#B83235≈ Medium Dark Soft Cardinal - Analogous +30°
#B8B632≈ Medium Dark Soft Yellow - Triadic +120°
#32B873≈ Medium Sea Green - Triadic +240°
#7332B8≈ Medium Dark Soft Amethyst - Split 150°
#32B8B6≈ Medium Dark Soft Cyan - Split 210°
#3235B8≈ Medium Dark Soft Royal
Contrast and accessibility of Copper
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Copper | Aa | 3.79:1 | AA Large only |
| Black text on Copper | Aa | 5.54:1 | AA (good) |
CSS code for Copper
background-color: #B87333;color: #B87333;background-color: rgb(184, 115, 51);background-color: hsl(29, 57%, 46%);:root { --color-copper: #B87333; }class="bg-[#B87333]"Colors similar to Copper
- Medium Dark Soft Tangerine
#AB782B - Medium Dark Soft Orange
#AB6B2B - Soft Persimmon
#CC7033 - Muted Persimmon
#B2754D - Soft Orange
#CC8033 - Bronze
#CD7F32 - Medium Dark Soft Amber
#AB852B - Muted Cinnabar
#B26B4D - Muted Orange
#B2804D - Medium Dark Soft Persimmon
#AB5E2B - Soft Cinnabar
#CC6133 - Medium Dark Bright Orange
#C16B15
More orange shades
- Papaya Whip
#FFEFD5 - Sandy Brown
#F4A460 - Wheat
#F5DEB3 - Amber
#FFBF00 - Champagne
#F7E7CE - Bronze
#CD7F32 - Marigold
#EAA221 - Tangerine
#F28500 - Pumpkin
#FF7518 - Apricot
#FBCEB1 - Peach
#FFE5B4
Frequently asked questions
What is the HEX code for Copper?
The HEX code for Copper is #B87333.
What is the RGB value of Copper?
Copper has an RGB value of 184, 115, 51 (rgb(184, 115, 51)). In HSL it is 29°, 57%, 46%.
What text color should I use on Copper?
Use black text on Copper. White text has a contrast ratio of 3.79:1 and black text has 5.54:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Copper?
The complementary color of Copper is #3278B8. Analogous colors #B83235 and #B8B632 also pair well.