orangewarmCC0 survey name

Sand Brown #CBA560

Sand Brown is a mid-tone, moderately saturated warm color (#CBA560; HSL 39° 51% 59%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “sand brown”.

Use cases: CTAs · Energy accents

Open in generator →

Families: Oranges · Tans · Golds · Bronze Colors · Mustard Colors

Color values

FormatValue
HEX#CBA560
RGBrgb(203, 165, 96)
HSLhsl(39, 51%, 59%)
HSVhsv(39, 53%, 80%)
OKLCHoklch(74.17% 0.098 81.2)
OKLaboklab(74.17% 0.015 0.0972)
CMYKcmyk(0%, 18.7%, 52.7%, 20.4%)
XYZxyz(40.1968, 40.4536, 16.7551)
CIE-LABlab(69.8, 5.5, 40.7)
CIE-LCHlch(69.8, 41.1, 82.3°)
Luminance0.405 (WCAG relative)
/* Sand Brown */ --sand-brown: #cba560; color: #cba560; background-color: #cba560;

Source: xkcd color survey name (public domain, CC0). CSS keyword: sandbrown.

Collections: Earth Tone Colors · Boho Colors · Retro Colors · Desert Colors · Skin Tone Colors · Vintage Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#b59356 #9f824d #8a7044 #75603b #615032 #4e4029 #3b3120 #292318 #19150f #000000

Tints (toward white)

#d1ae6f #d7b67f #ddbf8e #e3c89e #e8d1ae #eddabe #f2e3ce #f7ecde #fbf6ee #ffffff

Tones (toward gray)

#c9a668 #c6a66f #c3a777 #c0a77e #bda886 #baa88d #b7a995 #b3a99c #afaaa3 #aaaaaa

Color harmonies

Complementary

Edit in generator →
#CBA560
#6086CB
#cba560 #6086cb

Analogous

Edit in generator →
#CB6F60
#CBA560
#BBCB60
#cb6f60 #cba560 #bbcb60

Triadic

Edit in generator →
#CBA560
#60CBA5
#A560CB
#cba560 #60cba5 #a560cb

Tetradic

Edit in generator →
#CBA560
#60CB6F
#6086CB
#CB60BB
#cba560 #60cb6f #6086cb #cb60bb

Square

Edit in generator →
#CBA560
#60CB6F
#6086CB
#CB60BB
#cba560 #60cb6f #6086cb #cb60bb

Split Complementary

Edit in generator →
#CBA560
#60BBCB
#6F60CB
#cba560 #60bbcb #6f60cb

Monochromatic

Edit in generator →
#85652C
#B3883B
#CBA560
#DABF8E
#E9D9BC
#85652c #b3883b #cba560 #dabf8e #e9d9bc

Accessibility & contrast

2.31
#CBA560 on #FFFFFF
AA text AA large AAA text UI 3:1
9.09
#CBA560 on #000000
AA text AA large AAA text UI 3:1

Best text on sand brown

9.09
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#B5A55A
Deuteranopia (green-blind)
#BEAE62
Tritanopia (blue-blind)
#DA9995

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Sandy Brown #C4A6612.50
Desert #CCAD603.49
Sandstone #C9AE744.10
Fawn #CFAF7B4.52
Toupe #C7AC7D5.37
Camel #C19A6B6.04

Colors that go with sand brown

Top matches by hue harmony, contrast and saturation compatibility.

Mud Brown #60460F
3.8:1
Same hue family as sand brown (Δh 2°) — guaranteed harmony
Burgundy #800020
4.7:1
Warm/cool bridge (Δh 54°) — adds depth without tension
Evergreen #05472A
4.7:1
Triadic harmony (Δh ≈115°) — balanced three-way contrast
3.9:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Navy Blue #1B2A4A
6.2:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.