Quicksand Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Quicksand (#AC9884), each snapped to its nearest named color.
#AC9884
#7BB5AE
#797EB5
#927257
#AECCCB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Quicksand | #AC9884 | 172, 152, 132 | 30°, 19%, 60% | 0, 12, 23, 33 | |
| Melodious | #7BB5AE | 123, 181, 174 | 173°, 28%, 60% | 32, 0, 4, 29 | |
| Astro Zinger | #797EB5 | 121, 126, 181 | 235°, 29%, 59% | 33, 30, 0, 29 | |
| Arrow Creek | #927257 | 146, 114, 87 | 27°, 25%, 46% | 0, 22, 40, 43 | |
| Baroque Chalk Soft Blue | #AECCCB | 174, 204, 203 | 178°, 23%, 74% | 15, 0, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #927257 on #AECCCB | 2.58:1 | — |
| Aa #797EB5 on #AECCCB | 2.25:1 | — |
| Aa #7BB5AE on #927257 | 1.90:1 | — |
| Aa #7BB5AE on #797EB5 | 1.66:1 | — |
| Aa #AC9884 on #AECCCB | 1.62:1 | — |
| Aa #AC9884 on #927257 | 1.59:1 | — |
CSS variables
:root {
--color-1: #ac9884; /* Quicksand */
--color-2: #7bb5ae; /* Melodious */
--color-3: #797eb5; /* Astro Zinger */
--color-4: #927257; /* Arrow Creek */
--color-5: #aecccb; /* Baroque Chalk Soft Blue */
}Other schemes from Quicksand
- Quicksand Complementary Color Scheme#AC9884#D3C7B8#7F97B5#577190#BECBD7
- Quicksand Analogous Color Scheme#B07F9E#AF797E#AC9884#B3B17B#96B47E
- Quicksand Triadic Color Scheme#AC9884#7EB394#967BB6#DACBBF#548F6F
- Quicksand Tetradic Color Scheme#AC9884#7CB77B#7F97B5#B67DAF#DACBBF
- Quicksand Monochromatic Color Scheme#5C493E#87715F#AC9884#CBBFB3#E9E4DF
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Quicksand?
In a split-complementary scheme: Melodious (#7BB5AE), Astro Zinger (#797EB5), Arrow Creek (#927257), Baroque Chalk Soft Blue (#AECCCB).
What is the hex code of Quicksand?
#AC9884.