Quicksand Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Quicksand (#AC9884), each snapped to its nearest named color.

#5C493E

#87715F

#AC9884

#CBBFB3

#E9E4DF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Tannery Brown	`#5C493E`	92, 73, 62	22°, 19%, 30%	0, 21, 33, 64
Cloudy Cinnamon	`#87715F`	135, 113, 95	27°, 17%, 45%	0, 16, 30, 47
Quicksand	`#AC9884`	172, 152, 132	30°, 19%, 60%	0, 12, 23, 33
Finishing Touch	`#CBBFB3`	203, 191, 179	30°, 19%, 75%	0, 6, 12, 20
Lime White	`#E9E4DF`	233, 228, 223	30°, 19%, 89%	0, 2, 4, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5C493E on #E9E4DF	6.71:1	AA
Aa #5C493E on #CBBFB3	4.70:1	AA
Aa #87715F on #E9E4DF	3.65:1	AA large
Aa #5C493E on #AC9884	3.06:1	AA large
Aa #87715F on #CBBFB3	2.55:1	—
Aa #AC9884 on #E9E4DF	2.19:1	—

CSS variables

:root {
  --color-1: #5c493e; /* Tannery Brown */
  --color-2: #87715f; /* Cloudy Cinnamon */
  --color-3: #ac9884; /* Quicksand */
  --color-4: #cbbfb3; /* Finishing Touch */
  --color-5: #e9e4df; /* Lime White */
}

Other schemes from Quicksand

More Medium Orange monochromatic palettes

Questions

What colors go with Quicksand?

In a monochromatic scheme: Tannery Brown (#5C493E), Cloudy Cinnamon (#87715F), Finishing Touch (#CBBFB3), Lime White (#E9E4DF).

What is the hex code of Quicksand?

#AC9884.