Skip to content

Sand #c2b280

The beach, bottled.

RGB
194, 178, 128
HSL
46°, 35%, 63%
CMYK
0, 8, 34, 24
Luminance
0.4487

About Sand

Sand, #c2b280, is beige with grit — quartz, shell and sun averaged into the world’s most relaxing neutral. Warmer than greige, drier than tan, sand is the ground state of every coastal palette.

History

Desert campaigns put sand on uniforms (khaki’s drier cousin); resort modernism put it on walls; and “sandstone”, “dune” and “desert sand” filled paint decks as the neutral that means vacation.

Psychology

Sand reads unhurried, sun-warmed and spacious — the psychology of a beach with nobody on it. It lowers a palette’s pulse without cooling it.

In design

Sand is a canvas and texture color: pairs with seafoam, turquoise and coral (the shoreline set), navy (nautical), terracotta and olive (desert). Text-free zone; under charcoal ink it makes airy editorial spreads.

In culture

Lines in the sand, sands of time, building on sand: the grain writes impermanence into idiom while beaches sell permanence of another kind.

Brands that own sand

Shades of sand

Every format

HEX#c2b280
RGBrgb(194, 178, 128)
HSLhsl(46, 35%, 63%)
CMYKcmyk(0%, 8%, 34%, 24%)
LABlab(72.8 -1.8 27.7)
LCHlch(72.8 27.7 93.6)
OKLCHoklch(0.765 0.069 92.4)

Copy-ready code

/* CSS */
color: #c2b280;
background-color: #c2b280;
/* Tailwind (arbitrary) */
class="text-[#c2b280] bg-[#c2b280]"
/* SCSS */
$brand: #c2b280;
/* SwiftUI */
Color(red: 0.761, green: 0.698, blue: 0.502)
/* Android */
Color.parseColor("#c2b280")

Accessibility — WCAG contrast

Aa
#c2b280 on white: 2.11:1
AA ✗ fail · AA-large · AAA
Aa
#c2b280 on black: 9.97:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red76.1%
Green69.8%
Blue50.2%

CMYK percentages

Cyan0.0%
Magenta8.2%
Yellow34.0%
Key (black)23.9%

Color previews

#c2b280 text on a black background

contrast 9.97:1

Card sample

#c2b280 text on a white background

contrast 2.11:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #c2b280;
Background color
Panel with #c2b280 background
background-color: #c2b280;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #c2b280;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(194, 178, 128, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(194, 178, 128, 0.45);
Border & gradient
Gradient panel
border: 3px solid #c2b280;
background: linear-gradient(135deg, #c2b280, #A6C280);

Monochromatic scale

Palettes built from #c2b280

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Sand, answered

What is the hex code for sand?

Sand is #c2b280; paler desert sand is #edc9af; deeper dune tones run #b8a878.

Sand vs beige vs tan?

Beige is the indoor neutral, tan the leather one, sand the mineral outdoor one — grayer and drier than both.

What pairs with sand?

Seafoam, turquoise and coral for shoreline; navy for nautical; olive and terracotta for desert modern.

Work with #c2b280 in the Color Lab