Forgotten Sandstone Analogous Color Scheme
Five colors arranged by the analogous rule around Forgotten Sandstone (#AFA696), each snapped to its nearest named color.
#B78999
#B69289
#AFA696
#B5B88D
#99BB88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 | |
| Mauve Blush | #B69289 | 182, 146, 137 | 12°, 24%, 63% | 0, 20, 25, 29 | |
| Forgotten Sandstone | #AFA696 | 175, 166, 150 | 38°, 14%, 64% | 0, 5, 14, 31 | |
| Secret Glade | #B5B88D | 181, 184, 141 | 64°, 23%, 64% | 2, 0, 23, 28 | |
| Seafoam Green | #99BB88 | 153, 187, 136 | 100°, 27%, 63% | 18, 0, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B78999 on #B5B88D | 1.45:1 | — |
| Aa #B78999 on #99BB88 | 1.39:1 | — |
| Aa #B69289 on #B5B88D | 1.37:1 | — |
| Aa #B69289 on #99BB88 | 1.32:1 | — |
| Aa #B78999 on #AFA696 | 1.24:1 | — |
| Aa #AFA696 on #B5B88D | 1.17:1 | — |
CSS variables
:root {
--color-1: #b78999; /* Monastir */
--color-2: #b69289; /* Mauve Blush */
--color-3: #afa696; /* Forgotten Sandstone */
--color-4: #b5b88d; /* Secret Glade */
--color-5: #99bb88; /* Seafoam Green */
}Other schemes from Forgotten Sandstone
- Forgotten Sandstone Complementary Color Scheme#AFA696#DDD4C5#8B9AB9#5A789A#C9D4E1
- Forgotten Sandstone Triadic Color Scheme#AFA696#8EBAA6#AA8CBC#E2D8CB#5E9B86
- Forgotten Sandstone Split-complementary Color Scheme#AFA696#8AB5BD#908ABA#9A845E#BAD5D4
- Forgotten Sandstone Tetradic Color Scheme#AFA696#88BB95#8B9AB9#BA86B5#E2D8CB
- Forgotten Sandstone Monochromatic Color Scheme#63594B#8A806B#AFA696#CFCAC1#F1F0EC
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Forgotten Sandstone?
In a analogous scheme: Monastir (#B78999), Mauve Blush (#B69289), Secret Glade (#B5B88D), Seafoam Green (#99BB88).
What is the hex code of Forgotten Sandstone?
#AFA696.