Codes & values
- Color Name
Copper - Color ID
KDF-C-12088115 - HEX
#B87333 - RGB
rgb(184, 115, 51) - RGBA
rgba(184, 115, 51, 1) - HSL
hsl(29, 57%, 46%) - HSLA
hsla(29, 57%, 46%, 1) - HSV / HSB
hsv(29, 72%, 72%) - CMYK
cmyk(0%, 38%, 72%, 28%) - Light / Dark
mid
Quick answers
- What is the HEX code for Copper?
- #B87333
- What is Copper RGB?
- rgb(184, 115, 51)
- What is Copper HSL?
- hsl(29, 57%, 46%)
- What is Copper CMYK?
- cmyk(0%, 38%, 72%, 28%)
What is Copper?
Copper is a curated orange family color at #B87333. It appears in our library with tags for interior, logo. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Copper HEX code
The HEX code for Copper is #B87333. Paste it into CSS as color: #B87333; or background-color: #B87333;. Design tools accept the same six-digit value without the # prefix (b87333).
Copper RGB
Copper in RGB is rgb(184, 115, 51) (channels R 184, G 115, B 51). Use RGB when you need opacity via rgba(184, 115, 51, 1).
Copper HSL & HSV
HSL is hsl(29, 57%, 46%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(29, 72%, 72%), closer to how many digital pickers expose hue, saturation, and brightness.
Copper CMYK
Approximate CMYK for Copper is cmyk(0%, 38%, 72%, 28%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Copper
Darker shades (mixed toward black): #99602B, #7B4D22, #5C3A1A, #3D2611, #1F1308. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Copper
Lighter tints (mixed toward white): #C48A55, #D0A277, #DCB999, #E7D0BB, #F3E8DD. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Copper
Complementary pairing: #B87333, #3378B8. Analogous neighbors: #B83336, #B87333, #B8B533. Triadic accents: #B87333, #33B873, #7333B8. Always check text contrast when pairing.
Copper color combinations
A practical combo: primary #B87333, complementary accent #3378B8, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #B87333, #33B8B6, #3335B8.
Copper in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Copper in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.79:1 (better as a large accent or background than small body text); vs black 5.54:1.
Copper metallic feel
Copper evokes metal finishes. On screens, flat HEX is a stand-in — add subtle gradients or texture in mockups for a more realistic metal look.
Frequently asked questions
- What is the HEX code for Copper?
- Copper: #B87333.
- What is Copper RGB?
- Copper: rgb(184, 115, 51).
- What is Copper HSL?
- Copper: hsl(29, 57%, 46%).
- What is Copper CMYK?
- Copper: cmyk(0%, 38%, 72%, 28%).
- What colors go with Copper?
- Try complementary #B87333, #3378B8 or analogous #B83336, #B87333, #B8B533.
- Is Copper good for text on white?
- Not ideal for small body text (3.79:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.79:1 (prefer large accent or background). Contrast vs black: 5.54:1. Complementary swatch: #B87333, #3378B8.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK