Copper
#B87333
Copper (#B87333) is a medium, moderately saturated orange colour, warm. In RGB it is 184 red, 115 green and 51 blue; in HSL its hue is 29°, its saturation 57% and its lightness 46%. For print, its CMYK mix is 0% cyan, 38% magenta, 72% yellow and 28% black, though printed colours vary with paper and ink.
Orange feels friendly, playful and good value. It is warm like red but less aggressive, so brands use it to look approachable and to make buttons stand out.
Text on copper
White text on copper has a contrast ratio of 3.79:1 and passes AA for large text only; black text has 5.54:1 and passes AA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 3.79:1
Black text · 5.54:1
Tints and shades of copper
Colour palettes with copper
Brands with a copper logo
Brand colours close to #B87333, from our Brand Colour Index.
Colours similar to copper
Use copper in CSS
.button {
background-color: #B87333;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of orange.