Sand #C2B280
Sand color codes
Sand color meaning
Sand is a balanced and versatile brown — a warm color at 63% lightness and 35% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.
Because it is balanced and versatile, sand works best for brand colors, illustration, furnishings and accents. As text on white it would be too faint (2.1:1), so use it for fills and backgrounds and put black text on top (10.0:1).
What colors go with Sand?
Sand pairs well with Dusty Blue, Rosy Brown, Dark Khaki and Charcoal: Dusty Blue sits close to its opposite on the color wheel for strong contrast, Rosy Brown and Dark Khaki are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.
Build a full scheme around sand in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.
Sand at a glance
| Color family | Brown · warm, balanced and versatile |
|---|---|
| CSS color name | No — nearest keyword is Tan (#D2B48C) |
| As text on white | 2.11:1 — not readable as text |
| Best text on it | Black (9.97:1) |
| For print (CMYK) | 0% cyan, 8% magenta, 34% yellow, 24% black |
| Full screen | Open the sand screen — fill your display or download it in 4K |
Contrast
Contrast ratio of Sand against white and black text (WCAG 2.1 needs 4.5:1 for body text).
Shades, tints & tones
Color harmonies
Colors similar to Sand
Sand color FAQ
What is the hex code for Sand?
Sand is #C2B280, which is rgb(194, 178, 128) and hsl(45, 35%, 63%). For print it is roughly C0 M8 Y34 K24.
What colors go with Sand?
Sand pairs well with Dusty Blue, Rosy Brown, Dark Khaki, Charcoal. Dusty Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.
Is Sand a warm or cool color?
Sand is a warm color: its hue is 45°, on the red, orange and yellow side of the color wheel.
What text color looks best on Sand?
Black text, with a contrast ratio of 10.0:1, which meets WCAG AA for normal text.