#CBBD93

What color is Sand?

Sand is a warm, muted yellow-beige with soft golden undertones, hex #CBBD93, close to the color of unbleached linen. It is lighter and more golden than taupe, with a dry, sun-faded quality.

What is the meaning of the color Sand?

The name comes from the natural color of beach and desert sand, first recorded as an English color term in the late 19th century. Military applications brought it wide visibility — the British Army adopted sand-toned khaki uniforms during the Second Boer War (1899–1902) for camouflage in arid terrain. The color spread into civilian fashion and interiors through the mid-20th century as neutral palettes gained ground in modernist design. Ralph Lauren’s home collection has used sand as a core neutral since the 1980s, anchoring it to understated, natural-toned interiors.

RGB
203, 189, 147
HSL
45°, 35%, 69%
CMYK
0, 7, 28, 20
HSV
45°, 28%, 80%
Sand color

What colors go with Sand?

Colors that pair well with Sand include:
Terracotta: warm earthen depth
Navy: crisp, grounding contrast
Sage Green: soft natural balance
White: clean, airy lift
Burnt Orange: bold warm accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CBBD93 color: #CBBD93;
RGB 203, 189, 147 color: rgb(203, 189, 147);
RGB Percentage 80%, 74%, 58% color: rgb(80%, 74%, 58%);
CMYK 0%, 7%, 28%, 20% Not supported in CSS
HSL 45°, 35%, 69% color: hsl(45, 35%, 69%);
HSV 45°, 28%, 80% Not supported in CSS
CIE-LAB 55, 3, 14 color: lab(55% 3 14);
Decimal 13352339 Not supported in CSS

Color Variations

Shades

#CCBE94
#C0AF7D
#B5A165
#A69150
#8F7C45
#776739
#5F532E
#473E22

Tints

#F0EBDF
#EAE5D4
#E5DECA
#E0D8BF
#DBD1B4
#D6CBAA
#D1C49F
#CCBE94

Tones

#CCBE94
#C9BC97
#C6BB9A
#C3BA9D
#C1B89F
#BEB7A2
#BBB5A5
#B8B4A8

Hues

#CCBE94
#B0CC94
#94CCA2
#94CCCC
#94A2CC
#B094CC
#CC94BE
#CC9494

Color Harmonies

Analogous

#CCA294
Click to copy
#CBBD93
Click to copy
100%
#BECC94
Click to copy

Complementary

#CBBD93
Click to copy
100%
#94A2CC
Click to copy

Split Complementary

#CBBD93
Click to copy
100%
#94BECC
Click to copy
96%
#A294CC
Click to copy

Triadic

#CBBD93
Click to copy
100%
#94CCBE
Click to copy
97%
#BE94CC
Click to copy

Tetradic

#CBBD93
Click to copy
100%
#94CCA2
Click to copy
#94A2CC
Click to copy
#CC94BE
Click to copy

Square

#CBBD93
Click to copy
100%
#94CCA2
Click to copy
#94A2CC
Click to copy
#CC94BE
Click to copy

CSS & Dev Snippets

CSS
.sand {
  color: #CBBD93;
}
SCSS
$sand: #CBBD93;
RGB
rgb(203, 189, 147)

Accessibility & Contrast

White background

1.87:1
1.87
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.24:1
11.24
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags