Coloried

Copper

Copper color is a bright shade of orange. Its hex code is #B87333 and rgb code is rgb(184, 115, 51), Its CMYK value is cmyk(0%, 38%, 72%, 28%), and Its HSL value is hsl(29, 57%, 46%). Against white, it has a contrast ratio of 3.79:1, while against black, the contrast ratio is 5.54:1. Complementary color is #3278B8 and closest tailwind color is yellow-700. This color goes well with #E5E49F, #E59FA0, #F5E8DB, #77DAD8, and #7779DA. To create this Copper color, you can mix #FF0000 and #71E666.

Copper color code
|
1. Color Conversions
HEX#B87333
RGB184, 115, 51
HSL29°, 57%, 46%
HSV29°, 57%, 72%
CMYK0%, 38%, 72%, 28%
Web Safe#CC6633
2. Contrast Ratio
Text on #FFFFFF3.79:1
AAA LargeFail Normal
Text on #0000005.54:1
AAA LargeAAA Normal
3. Copper Color Code in CSS
HEX
#B87333
RGB
rgb(184, 115, 51)
HSL
hsl(29, 57%, 46%)
Text Color
color: #B87333;
Background
background-color: #B87333;
Border Color
border-color: #B87333;
Box Shadow
box-shadow: 0 4px 14px 0 #B8733380;
SCSS
$color-copper: #B87333;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#9A9A42
Deuteranopia#9EA346
Tritanopia#B54F51
Achromatopsia#808080
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive