Color Palettes

Sand color

Inspired by dry beach or desert sand. It's a calm, natural beige with a yellowish base. It's used on walls, rugs and linen clothing.

Also known as: sand beige, desert sand.

Sand · #C2B280

About sand

Sand (#C2B280) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 194 red, 178 green and 128 blue (out of 255). It is mostly used in home decor, fashion, architecture.

Sand shades and tints

From lightest to darkest. Tap a shade to copy its code.

Sand color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue gray
AnalogousClose to: Mocha, Moss green
TriadicClose to: Seafoam green, Wisteria
Split complementaryClose to: Pastel blue, Wisteria
TetradicClose to: Sage green, Blue gray, Wisteria

Sand color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Sand
Analogous palette · Sand
Complementary palette · Sand
Triadic palette · Sand
With neutrals palette · Sand
With an accent palette · Sand

Sand contrast with text

White textContrast 2.1:1 · Not recommended
Black textContrast 10.0:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --sand: #C2B280;
  --sand-rgb: 194, 178, 128;
}
.bg { background-color: var(--sand); }
.text { color: var(--sand); }

Colors similar to sand

KhakiCamelNudeSage greenWheatVanillaMoss greenPeachGreigeApricot

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiBeigeNudeBronzeTobacco brownSiennaCafé au lait

Frequently asked questions

What is the hex code for sand?

The hex code for sand is #C2B280. In RGB it is rgb(194, 178, 128), in HSL hsl(45, 35%, 63%) and in CMYK 0, 8, 34, 24.

What is the complementary color of sand?

Its complement on the color wheel is #8090C2, close to blue gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on sand?

Use black text instead: the contrast with white is only 2.1:1, while with black it is 10.0:1.