Huebook

Copper Analogous Color Scheme

Five colors arranged by the analogous rule around Copper (#B87333), each snapped to its nearest named color.

#BB3377
#BB3333
#B87333
#BEB334
#7BB92B

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pink Shadow#BB3377187, 51, 119330°, 57%, 47%0, 73, 36, 2754.7% 0.182 354
Pesto Rosso#BB3333187, 51, 510°, 57%, 47%0, 73, 73, 2753.0% 0.173 25
Copper#B87333184, 115, 5129°, 57%, 46%0, 38, 72, 2861.8% 0.117 60
Lively Lime#BEB334190, 179, 5255°, 57%, 47%0, 6, 73, 2575.4% 0.142 104
Jubilant Meadow#7BB92B123, 185, 4386°, 62%, 45%34, 0, 77, 2771.7% 0.179 131

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BB3333 on #BEB3342.67:1—
Aa #BB3377 on #BEB3342.51:1—
Aa #BB3333 on #7BB92B2.43:1—
Aa #BB3377 on #7BB92B2.29:1—
Aa #B87333 on #BEB3341.75:1—
Aa #B87333 on #7BB92B1.59:1—

CSS variables

:root {
  --color-1: #bb3377; /* Pink Shadow */
  --color-2: #bb3333; /* Pesto Rosso */
  --color-3: #b87333; /* Copper */
  --color-4: #beb334; /* Lively Lime */
  --color-5: #7bb92b; /* Jubilant Meadow */
}

Other schemes from Copper

More medium orange analogous color schemes

Questions

What colors go with Copper?

In a analogous scheme: Pink Shadow (#BB3377), Pesto Rosso (#BB3333), Lively Lime (#BEB334), Jubilant Meadow (#7BB92B).

What is the hex code of Copper?

#B87333.