Copper vs Sand: What's the Difference?

The main difference between Copper and Sand is hue — Copper is a warm orange, while Sand is a warm yellow. Copper (#B87333) has an HSL of 29°, 57%, 46%, whereas Sand (#C2B280) sits at 45°, 35%, 63%.

Copper#B87333

Sand#C2B280

#B87333Blended: #BD935A#C2B280

Copper vs Sand: Key Differences at a Glance

Aspect Copper Sand

BrightnessMedium (L=46%) — balanced, versatileLight (L=63%) — airy, soft, approachable

SaturationModerately saturated (S=57%) — balanced in intensityMuted (S=35%) — subdued, sophisticated

Hue familyOrangeYellow

TemperatureWarmWarm

Hex code#B87333#C2B280

RGB184, 115, 51194, 178, 128

Can you use Copper and Sand together?

Sand text on Copper

Copper text on Sand

Contrast Ratio:1.80:1Insufficient Contrast

How to Tell Copper and Sand Apart

●Look at lightness first: Sand is noticeably lighter.
●Check saturation: Copper looks more vivid and saturated.
●Watch the undertone: the hue shifts 16° between them, which changes the perceived temperature.
●Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Copper vs Sand in Design

Use Copper for:

●Call-to-action buttons

●Autumn and harvest themes

●Food, citrus, warmth branding

●Youthful energetic campaigns

●Friendly notification badges

Use Sand for:

●Warning states & highlights

●Children's and summer themes

●Happy, optimistic branding

●Taxi, logistics, signage

●Accent color in palettes

Copper and Sand Hex Codes, RGB & HSL

Copper#B87333

Copper (#B87333) is a medium, moderately saturated orange with a warm undertone — it feels balanced, versatile and balanced in intensity.

HEX

RGB

HSL

HSV

CMYK

PANTONE

Shades

Tints

Sand#C2B280

Sand (#C2B280) is a light, muted yellow with a warm undertone — it feels airy, soft, approachable and subdued, sophisticated.

HEX

RGB

HSL

HSV

CMYK

PANTONE

Shades

Tints

Copper and Sand WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview

Copper text on white

3.79:1AA Large

Sample text preview

Copper text on black

5.54:1AA

Sample text preview

Sand text on white

2.11:1Fail

Sample text preview

Sand text on black

9.97:1AAA

Sample text preview

Copper text on Sand

1.8:1Fail

Sample text preview

Sand text on Copper

1.8:1Fail

Explore Copper and Sand individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Copper color page#B87333 · shades, tints, pairings Sand color page#C2B280 · shades, tints, pairings

More Copper and Sand Comparisons

Copper vs Sand FAQ

What is the difference between copper and sand?+

The main difference between Copper and Sand is hue — Copper is a warm orange, while Sand is a warm yellow. Copper (#B87333) has an HSL of 29°, 57%, 46%, whereas Sand (#C2B280) sits at 45°, 35%, 63%.

Is copper darker than sand?+

Yes. Copper is darker, with a lightness of 46% in HSL compared to Sand at 63% — a 17-point gap.

Are copper and sand the same color?+

No. Copper is #B87333 and Sand is #C2B280. They differ by 16° in hue, 17% in lightness, and 22% in saturation.

Which is more saturated, copper or sand?+

Copper is more saturated. In HSL, Copper has 57% saturation and Sand has 35% — Copper is the more vivid of the two, while Sand reads as more muted.

Is copper warm or cool?+

Copper (#B87333) is a warm orange. Its hue sits at 29° on the color wheel, which places it in the warm range.

Is sand warm or cool?+

Sand (#C2B280) is a warm yellow. Its hue sits at 45° on the color wheel, which places it in the warm range.

Can you use copper and sand together?+

Yes. Copper (orange) and Sand (yellow) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.

What color family does copper belong to?+

Copper belongs to the orange family. Its HSL is 29°, 57%, 46% — a warm tone within the broader orange group.

What is the hex code for copper?+

The hex code for Copper is #B87333. In RGB, that's rgb(184, 115, 51), and in HSL it's hsl(29, 57%, 46%).

What is the hex code for sand?+

The hex code for Sand is #C2B280. In RGB, that's rgb(194, 178, 128), and in HSL it's hsl(45, 35%, 63%).