Copper color: code #B87333
Copper
#B87333
Color codes
- HEX
#B87333 - RGB
rgb(184, 115, 51) - HSL
hsl(29, 57%, 46%) - HSV
hsv(29, 72%, 72%) - CMYK
cmyk(0%, 38%, 72%, 28%) - LAB
lab(54.8% 21.7 45.4) - OKLCH
oklch(61.8% 0.117 60.4)
About the color Copper
Copper has the HEX code #B87333, which corresponds to rgb(184, 115, 51) in the RGB model. On the color wheel its hue sits at 29°, with 57% saturation and 46% lightness (hsl(29, 57%, 46%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 5.53:1 contrast ratio on it, versus 3.79:1 for white.
For print, the approximate conversion is cmyk(0%, 38%, 72%, 28%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Copper
Complementary
#B87333 · #3278B8
Analogous
#B83235 · #B87333 · #B8B632
Triadic
#B87333 · #32B873 · #7332B8
Tetradic
#B87333 · #35B832 · #3278B8 · #B632B8
Split-complementary
#B87333 · #32B8B6 · #3235B8
Monochromatic
#543517 · #905A27 · #B87333 · #D49A63 · #E5C19F
Copper with white and black text
How to use it in CSS
:root {
--color-copper: #B87333;
--color-copper-rgb: 184, 115, 51;
}
.elemento {
background-color: var(--color-copper);
color: #000000;
}