Brown color

Copper #B87333

#B87333 · rgb(184, 115, 51)

Copper is the color #B87333. In RGB it is rgb(184, 115, 51) — 72% red, 45% green and 20% blue. Its CMYK breakdown is 0% cyan, 38% magenta, 72% yellow and 28% black, and in HSL it sits at 29° hue, 57% saturation and 46% lightness. Copper is not a standard CSS color name; the nearest web color is Chocolate (#D2691E). The closest web-safe color is #CC6633.

Open in color picker Convert Make a palette Check contrast

Copper color codes

Hex#B87333

RGBrgb(184, 115, 51)

RGB %72%, 45%, 20%

HSLhsl(29, 57%, 46%)

HSV / HSBhsv(29, 72%, 72%)

CMYKcmyk(0%, 38%, 72%, 28%)

OKLCHoklch(62% 0.117 60)

Closest web-safe#CC6633

Copper color meaning

Copper is a balanced and versatile brown — a warm color at 46% lightness and 57% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.

Because it is balanced and versatile, copper works best for brand colors, illustration, furnishings and accents. As text on white it would be too faint (3.8:1), so use it for fills and backgrounds and put black text on top (5.5:1).

What colors go with Copper?

Copper pairs well with Steel Blue, Brick, Antique Gold and Linen: Steel Blue sits close to its opposite on the color wheel for strong contrast, Brick and Antique Gold are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around copper in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Copper at a glance

Color family	Brown · warm, balanced and versatile
CSS color name	No — nearest keyword is Chocolate (#D2691E)
As text on white	3.79:1 — large text only
Best text on it	Black (5.54:1)
For print (CMYK)	0% cyan, 38% magenta, 72% yellow, 28% black
Full screen	Open the copper screen — fill your display or download it in 4K

Contrast

Contrast ratio of Copper against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.79:1 Black text — 5.54:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Copper

Copper color FAQ

What is the hex code for Copper?

Copper is #B87333, which is rgb(184, 115, 51) and hsl(29, 57%, 46%). For print it is roughly C0 M38 Y72 K28.

What colors go with Copper?

Copper pairs well with Steel Blue, Brick, Antique Gold, Linen. Steel Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Copper a warm or cool color?

Copper is a warm color: its hue is 29°, on the red, orange and yellow side of the color wheel.

What text color looks best on Copper?

Black text, with a contrast ratio of 5.5:1, which meets WCAG AA for normal text.