Forgotten Sandstone Complementary Color Scheme
Five colors arranged by the complementary rule around Forgotten Sandstone (#AFA696), each snapped to its nearest named color.
#AFA696
#DDD4C5
#8B9AB9
#5A789A
#C9D4E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Forgotten Sandstone | #AFA696 | 175, 166, 150 | 38°, 14%, 64% | 0, 5, 14, 31 | |
| Urban Bird | #DDD4C5 | 221, 212, 197 | 38°, 26%, 82% | 0, 4, 11, 13 | |
| Periwinkle Blossom | #8B9AB9 | 139, 154, 185 | 220°, 25%, 64% | 25, 17, 0, 27 | |
| Quiet Harbour | #5A789A | 90, 120, 154 | 212°, 26%, 48% | 42, 22, 0, 40 | |
| Light Angora Blue | #C9D4E1 | 201, 212, 225 | 212°, 29%, 84% | 11, 6, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDD4C5 on #5A789A | 3.12:1 | AA large |
| Aa #5A789A on #C9D4E1 | 3.05:1 | AA large |
| Aa #DDD4C5 on #8B9AB9 | 1.93:1 | — |
| Aa #AFA696 on #5A789A | 1.90:1 | — |
| Aa #8B9AB9 on #C9D4E1 | 1.89:1 | — |
| Aa #AFA696 on #DDD4C5 | 1.64:1 | — |
CSS variables
:root {
--color-1: #afa696; /* Forgotten Sandstone */
--color-2: #ddd4c5; /* Urban Bird */
--color-3: #8b9ab9; /* Periwinkle Blossom */
--color-4: #5a789a; /* Quiet Harbour */
--color-5: #c9d4e1; /* Light Angora Blue */
}Other schemes from Forgotten Sandstone
- Forgotten Sandstone Analogous Color Scheme#B78999#B69289#AFA696#B5B88D#99BB88
- 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 complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Forgotten Sandstone?
In a complementary scheme: Urban Bird (#DDD4C5), Periwinkle Blossom (#8B9AB9), Quiet Harbour (#5A789A), Light Angora Blue (#C9D4E1).
What is the hex code of Forgotten Sandstone?
#AFA696.