Codes & values
- Color Name
Sand - Color ID
KDF-C-12759680 - HEX
#C2B280 - RGB
rgb(194, 178, 128) - RGBA
rgba(194, 178, 128, 1) - HSL
hsl(45, 35%, 63%) - HSLA
hsla(45, 35%, 63%, 1) - HSV / HSB
hsv(45, 34%, 76%) - CMYK
cmyk(0%, 8%, 34%, 24%) - Light / Dark
mid
Quick answers
- What is the HEX code for Sand?
- #C2B280
- What is Sand RGB?
- rgb(194, 178, 128)
- What is Sand HSL?
- hsl(45, 35%, 63%)
- What is Sand CMYK?
- cmyk(0%, 8%, 34%, 24%)
What is Sand?
Sand is a curated yellow family color at #C2B280. It appears in our library with tags for interior, background. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Sand HEX code
The HEX code for Sand is #C2B280. Paste it into CSS as color: #C2B280; or background-color: #C2B280;. Design tools accept the same six-digit value without the # prefix (c2b280).
Sand RGB
Sand in RGB is rgb(194, 178, 128) (channels R 194, G 178, B 128). Use RGB when you need opacity via rgba(194, 178, 128, 1).
Sand HSL & HSV
HSL is hsl(45, 35%, 63%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(45, 34%, 76%), closer to how many digital pickers expose hue, saturation, and brightness.
Sand CMYK
Approximate CMYK for Sand is cmyk(0%, 8%, 34%, 24%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Sand
Darker shades (mixed toward black): #A2946B, #817755, #615940, #413B2B, #201E15. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Sand
Lighter tints (mixed toward white): #CCBF95, #D6CCAA, #E1D9C0, #EBE5D5, #F5F2EA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Sand
Complementary pairing: #C2B280, #8090C2. Analogous neighbors: #C29180, #C2B280, #B1C280. Triadic accents: #C2B280, #80C2B2, #B280C2. Always check text contrast when pairing.
Sand color combinations
A practical combo: primary #C2B280, complementary accent #8090C2, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #C2B280, #80B1C2, #9180C2.
Sand in web design
Yellow highlights and warnings need careful contrast — prefer dark text on yellow, or use gold/amber variants for luxury without eye strain.
Sand in branding
Gold and yellow brands feel optimistic or luxurious depending on saturation — champagne gold vs traffic yellow. Contrast vs white is 2.11:1 (better as a large accent or background than small body text); vs black 9.97:1.
Sand earth & muted use
Sand leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Sand?
- Sand: #C2B280.
- What is Sand RGB?
- Sand: rgb(194, 178, 128).
- What is Sand HSL?
- Sand: hsl(45, 35%, 63%).
- What is Sand CMYK?
- Sand: cmyk(0%, 8%, 34%, 24%).
- What colors go with Sand?
- Try complementary #C2B280, #8090C2 or analogous #C29180, #C2B280, #B1C280.
- Is Sand good for text on white?
- Not ideal for small body text (2.11:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.11:1 (prefer large accent or background). Contrast vs black: 9.97:1. Complementary swatch: #C2B280, #8090C2.
Explore related
Yellow colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK