Metallic Warm Artisanal Red-Orange
Category: Orange
Copper (#B87333) — Color Codes, Meaning & UI Palettes
Copper (#B87333) is an earthy reddish-brown named after the ancient elemental metal revered for over 10,000 years. It embodies craftsmanship, industrial warmth, autumnal harvest, and conductive energy.
Click to Copy HEX
Copper
#B87333
HEX
#B87333
RGB
rgb(184, 115, 51)
HSL
hsl(29deg, 57%, 46%)
CMYK (Print)
cmyk(0%, 38%, 72%, 28%)
Apple Display P3
color(display-p3 0.722 0.451 0.200)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
3.79:1 (AA Large)
Black Text (#000000)
5.54:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FBF5EF
100
#F6EADF
200
#EDD5BF
300
#E2BB97
400
#D59C67
500
#B87333
600
#975E29
700
#784B21
800
#583718
900
#3B2510
950
#211509
Color Harmonies & Palette Schemes
Complementary
#3278B8
Opposite 180° Contrast
Analogous -30°
#B83235
Natural Harmony
Analogous +30°
#B8B632
Natural Harmony
Triadic +120°
#32B873
120° Balanced Triad
Triadic +240°
#7332B8
120° Balanced Triad
Curated UI Design Pairings for Copper
Dynamic primary button or highlight color for coffee roasters, hardware startups, architectural portfolios, and autumn showcases. Pairs with deep charcoal and sage green.
Deep Slate Gray
#1E293B
Modern Architectural Anchor
Sage Green
#9CAF88
Botanical Oxidation Complement
Warm Travertine
#FAF6EF
Elegant Base Canvas
Burnished Bronze
#7C451B
Deep Shadow Border
Export Copper Code Snippets
CSS Variable
--color-copper-color: #B87333;
Tailwind Config
'copper-color': '#B87333'
Swift / SwiftUI
Color(hex: "#B87333")
JSON Design Token
{"name": "Copper", "hex": "#B87333"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.