Skip to the color picker

Copper color: #b87333

Copper is #b87333, rgb(184, 115, 51) in RGB and oklch(61.795% 0.1171 60.399) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

29°
100%

61.8%
0.117
60°
  • Brown
  • Medium
  • Vivid
  • Warm
  • yellow-700
  • Black 28%

Inside sRGB: displays the same on any screen.

White text
3.79:1Hard to read
Lc -71
Black text
5.54:1Readable · AA
Lc 39

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Copper

Similar named colors

Questions about Copper

What is the hex code for Copper?

The hex code for Copper is #b87333. In RGB it is rgb(184, 115, 51), in HSL hsl(28.87, 56.6%, 46.08%) and in OKLCH oklch(61.795% 0.1171 60.399).

What colors go well with Copper?

Its complementary color is #368ec5. For a calmer look, pair it with the analogous colors #c2685a and #a0821d. Ready palettes with Copper are shown on this page.

Is Copper a warm or cool color?

Copper is a warm color with an OKLCH hue of 60 degrees.

What text color is readable on Copper?

White text is more readable on Copper: white gives a contrast ratio of 3.79:1 and black gives 5.54:1. WCAG AA asks for at least 4.5:1 for body text.

About #b87333

#b87333 is a bright brown color. In OKLCH it has 61.8% lightness, 0.117 chroma and a hue of 60°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.79:1 contrast and black text 5.54:1, so white text reads better.

The closest named color is Copper (#b87333). In Tailwind CSS the closest color is yellow-700.

More medium brown colors

Lighter: #b87333 mixed with white

  1. b87333

Darker: #b87333 mixed with black

  1. b87333

Calmer: #b87333 with less saturation

  1. b87333

Similar named colors

  • Copper#b87333

Colors that go with #b87333

Complementary
#b87333
Analogous
#b87333
Triadic
#b87333
Split
#b87333